Н. Холодок UX/UI дизайнер
Учебный проект

Дизайн интернет-магазина цветов Flower Heaven

Интернет-магазин цветочных композиций и комнатных растений. Дизайн-концепция и адаптивные макеты: от прототипа всех страниц до мобильной версии.

  • UI
  • Адаптив
Главная страница интернет-магазина цветов Flower Heaven на ноутбуке и телефоне
Каталог букетов Flower Heaven в десктопной и мобильной версии
Этапы дизайна Flower Heaven: прототип, десктоп и адаптив листайте вниз ↓
  1. Задача

    Разработать дизайн интернет-магазина цветов, в котором легко выбрать букет и оформить заказ.

  2. Что я сделала

    • Прототипы всех страниц магазина
    • Дизайн-концепция и UI-кит
    • Десктопная версия сайта
    • Адаптив для мобильных
  3. Процесс

    Сначала я собрала wireframe-макеты всех страниц: главной, каталога, карточки товара, отзывов, контактов, корзины и личного кабинета. На них проверялись структура, сетка и сценарии пользователя.

    Затем сделала UI-кит и десктопную версию: шрифт Garamond в заголовках, Montserrat в тексте, чёрный фон и нежно-розовые акценты. Букеты часто заказывают в последний момент и с телефона, поэтому мобильную версию я продумывала так же внимательно: карточки и навигация перестроены в одну колонку под ширину экрана 393 пикселя.

  4. Результат

    Адаптивные макеты интернет-магазина для десктопа и мобильных устройств.

Нужен похожий проект? Напишите мне.

Написать в Telegram