Онлайн-магазин MicroGreen

Концепція дизайну інтернет-магазину miсrogreen. Мікрозелень - це молоді пагони рослин, які використовуються як в їжу, так і для прикраси страв.

  • Веб-сайт Мікрогрін дизайн на десктопі.
  • Веб-сайт Мікрогрін дизайн на телефоні.

Про проєкт

Наш проєкт дизайну інтернет-магазину зосереджений на вирощуванні та продажу мікрозелені. Головною ідеєю було створення простого, естетичного та інтуїтивно зрозумілого інтерфейсу, який надихає клієнтів на вирощування своєї власної свіжої мікрозелені вдома.

Технології

  • кольорова іконка figma технології
  • кольорова іконка photoshop технології
  • кольорова іконка ai технології
  • кольорова іконка react технології
  • кольорова іконка node технології
  • кольорова іконка html технології
  • кольорова іконка css технології

Проблема

  • 001

    Необхідність додати свіжість та специфіку продажу даного ресурсу.

  • 002

    Відсутність швидкого пошуку та навігації по сайту.

Рішення

  • 001

    Створення зручного функціоналу, що дозволяє клієнтам швидко знайти потрібний вид мікрозелені, зробити замовлення та оплату в онлайн-режимі, а також забезпечити доставку свіжої мікрозелені прямо до дверей клієнта. Все це робить процес покупок максимально зручним та ефективним для наших клієнтів.

  • 002

    Використання яскравих зображень процесу вирощування та свіжої мікрозелені допомагають створити привабливий дизайн для клієнтів.

User Flow

зображення User Flow
Веб-сайт Мікрогрін дизайн представлений у діагональній рамці
Веб-сайт Мікрогрін дизайн представлений у багатьох телефонах
Веб-сайт Мікрогрін дизайн представлений у трьох планшетах
Веб-сайт Мікрогрін дизайн представлений у малих рамках
Веб-сайт Мікрогрін дизайн представлений у великих рамках

Типографіка

  • Заголовна і прописна буква а
    назва шрифту Poiret One
    Абетка шрифтом Poiret One
  • Заголовна і прописна буква а
    назва шрифту Nunito Sans
    Абетка шрифтом Nunito Sans

Color

  • #1B543F
  • #B5B5B5
  • #EDF2F0
  • #FFFFFF
  • фото дизайну сайту
  • фото дизайну сайту
  • фото дизайну сайту
  • фото дизайну сайту