Город Цветов — интернет магазин по продаже цветов
Заказчику нужно было сделать интернет магазин, основная идея в том, что покупатель может выбрать букет не только по сезону или событию, но и по своему внутреннему состоянию и энергии. Задачей было сделать яркий привлекательный дизайн, а также разработать конструктор букетов.
Моя роль
UX\UI Дизайн,
Tilda
Примечание
Проект на этапе наполнения контентом
Ссылка на сайт
Год проекта
2026
Как я решал задачу
Искал интересные визуальные решения, работал с формами, продумал пользовательский путь.
В качестве визуальных решений использовал силуэты букетов, легкую микроанимацию при наведении, паралаксы для фоновых изображений. Также оформил слоган компании в бегущую строку необычной формы. Выбрал интересный стиль, который вызывает положительные эмоции, но в тоже время не перегружен визуально. Для удобства редактирования на Tilda, я использовал стандартные блоки, но отредактировал их с помощью кода под уникальный дизайн сайта.
Killer feature сайта
Конструктор букетов — пользователь может собрать букет по событию, состоянию, энергии и сезону.
Пользователь может собрать индивидуальный букет, выбрать упаковку, приложить открытку с индивидуальным текстом. Можно указать аллергии, бюджет или событие и подобрать букет под эти запросы. Также можно попросить помощь в подборе цветов, есть подсказки, как можно изменить букет под бюджет и запрос. Есть основные категории, в зависимости от них меняются шаги конструктора.
UI KIT
Под каждый проект я готовлю UI kit со всеми компонентами и состояними элементов проекта.
Заказчик получает UI kit со всеми компонентами, шрифтами, иконками, цветами, которые используются на проекте. Favicon настроен для экспорта под нужные требования. Любой исполнитель сможет редактировать макет в будущем, добавлять новые страницы, переиспользуя элементы. Это упрощает взаимодействие дизайнера с верстальщиком и обеспечивает консистентность дизайна.
Мобильная версия
Для мобильной версии я вынес меню с основными разделами вниз для быстрого перехода
При нажатии на категории открывается отдельная страница, а не выпадающее меню как в веб версии — так удобнее выбирать категорию с телефона. В веб версии оформление заказа происходит в 1 этап, но для мобильной версии я разбил его на 3 этапа для удобства.
Мобильная версия
Для мобильной версии я вынес меню с основными разделами вниз для быстрого перехода
При нажатии на категории открывается отдельная страница, а не выпадающее меню как в веб версии — так удобнее выбирать категорию с телефона. В веб версии оформление заказа происходит в 1 этап, но для мобильной версии я разбил его на 3 этапа для удобства.
Made on
Tilda