Евгений Сайты › Peppers Сбер ID
Сайты, SEO и GEO, реклама, чат-боты, ИИ и дизайн | Москва
Рейтинг
9 371
№ 111 в каталоге
Отзывы
Профессионализм
9/10
Коммуникация
9 /10
Город
Москва
Опыт работы
11 лет
На сайте с
2016 года
Юридический статус
Самозанятый
Freelance.Boutique
Премиум-сервис для лучших исполнителей

Создание сайта для проката сапбордов: лендинг на Webflow с анимациями, прототипный дизайн в Framer и Figma AI

Используемые навыки Figma AI Framer Webflow Прототипный дизайн Создание прототипов

Описание

Лендинг на Webflow для проката сапбордов на подмосковном водохранилище: маршруты, цены за час и за день, заявка на доску в конкретное время. Сайт придумал и собрал Евгений Росляков. Он занимается сайтами с 2016 года, берёт заказы в Москве и удалённо. Оформлен как самозанятый, подписывает договор, а компаниям выдаёт закрывающие документы.

Прокат работает с мая по сентябрь. Весь сезон заказы шли через личные сообщения в соцсетях, и по вечерам владелец отвечал на одно и то же: сколько стоит час, можно ли с ребёнком, что делать, если ветер. Сайт был, но это была одна страница с фотографией и контактами.

Задача: сделать сайт, который сам отвечает на эти вопросы и подводит человека к заявке. Чтобы он выглядел как вода и лето, а не как визитка. И чтобы цены и маршруты владелец менял сам, без программиста.

Решение

Создание сайта началось с прототипа. Структуру и первые экраны набросал в Figma, часть черновых раскладок получил от Figma AI: так не уходит полдня на пустые рамки. Дальше правил руками. Нейросеть делает заготовку, но не знает, что прокатчику важнее красивого баннера прогноз ветра.

Прототипный дизайн шёл в два круга. Сначала серые блоки с настоящими текстами, их владелец смотрел на созвоне. Потом кликабельные прототипы в Framer: он увидел, как двигается первый экран и раскрываются карточки маршрутов, и сам попросил убрать пару лишних эффектов. Создание прототипов съело несколько дней, зато идею проверили до начала сборки.

Лендинг собрал на Webflow. Волна на первом экране и появление маршрутов при прокрутке сделаны встроенными анимациями. Калькулятор аренды (часы на число досок) считает небольшой скрипт: штатно Webflow так не умеет. Маршруты и цены лежат в CMS Webflow, владелец правит их в редакторе, как документ.

Форма спрашивает дату, время, число досок и опыт. Заявка приходит на почту и в Telegram через вебхук. Бронь подтверждает владелец: он знает, какие доски свободны. Блок с вопросами закрывает детей, вес, ветер и инструктаж.

Проверял всё с телефона. Бронируют в основном с берега.

Результат

У проката лёгкий сайт на Webflow. Он отвечает на вопросы раньше, чем их зададут, и собирает заявки на конкретное время. Цены и маршруты владелец обновляет сам, а вечера больше не уходят на одинаковые ответы в личке.

Нужен лендинг для сезонного дела? Опишите задачу в личных сообщениях на freelance.ru, подумаем над структурой и прототипом.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT Сайт GEONIKA SRF на 4 языках: научная методика геологоразведки, международное SEO и продвижение, оптимизация скорости страницы, HTML5 и CSS3
Сайт GEONIKA SRF на 4 языках: научная методика геологоразведки, международное SEO и продвижение, оптимизация скорости страницы, HTML5 и CSS3
49
Веб-разработка и IT Сайт Dentmebel: производитель мебели для стоматологий, каталог линеек с ценами, тёмная и светлая темы на JavaScript, вёрстка HTML и CSS
Сайт Dentmebel: производитель мебели для стоматологий, каталог линеек с ценами, тёмная и светлая темы на JavaScript, вёрстка HTML и CSS
77
ИИ и Нейросети ИИ-агент для сети продуктовых магазинов: компьютерное зрение проверяет выкладку и ценники по фото (YOLO, OpenCV, Pytorch, API GPT Vision)
ИИ-агент для сети продуктовых магазинов: компьютерное зрение проверяет выкладку и ценники по фото (YOLO, OpenCV, Pytorch, API GPT Vision)
23
Веб-разработка и IT Создание сайта — кабинет клиента склада ответственного хранения: остатки, приёмки и отгрузки на ASP.NET MVC, API на .NET Core Web API
Создание сайта — кабинет клиента склада ответственного хранения: остатки, приёмки и отгрузки на ASP.NET MVC, API на .NET Core Web API
17