Главная страница
Мы разработали максимально логичный и современный дизайн с удобной навигацией.
На главной странице отражены специальные предложения, карусель с популярными товарами, категории меню, а также информация о доставке и оплате.
Разработка интернет-магазина
Ильинский online
Локальные продукты
Задача
Создать современный, многофункциональный интернет-магазин с продвинутой системой управления заказами, интеграцией со сторонними сервисами: онлайн оплата, sms-уведомления.
ilinskiimarket.ruЭтапы
- Исследования
Продумывание пользовательского интерфейса и взаимодействия - Тестирование ПРОТОТИПА
Проводится анализ пользовательского взаимодействия, учитывая весь спектр необходимых перспектив - Разработка концепции
После анализа пользовательского поведения, создается концепция будущго визуального взаимодействия - Тестирование и запуск
Проводится тестирование, чтобы убедиться в верности решений, и проводится публикация проекта
Прототип
Шрифт для заголовков и акцентов
Nunito Bold ABCDEFGHIJK LMNOPQRSTUVWXYZ abcdefghijk lmnopqrstuvwxyz АБВГДЕЁЖЗИКЛМНОП РСТУФХЦЧШЩЪЬЭЮЯ абвгдеёжзи клмнопрстуфхцчшщъьэюя 0123456789! @#№$%&^*()=+/
Шрифт для заголовков и акцентов
Nunito Bold ABCDEFGHIJK LMNOPQRSTUVWXYZ abcdefghijk lmnopqrstuvwxyz АБВГДЕЁЖЗИКЛМНОП РСТУФХЦЧШЩЪЬЭЮЯ абвгдеёжзи клмнопрстуфхцчшщъьэюя 0123456789 !@#№$%&^*()=+/
На освнове существующего лого доработан логотив для интертнет прожаж «Ильинский онлайн»
Базовые цвета, используемые на сайте
Супермаркет
- Вода и напитки
- Молоко, масло и яйца
- Снэки и сухофрукты
- Кофе, чай и сладости
- Макароны и крупы
- Снэки и сухофрукты
- Вода и напитки
- Хлеб и выпечка
- Хлеб и выпечка
- Хлеб и выпечка
Авторизируйтесь
-
Покупайте продукты со скидкой
-
Заказывайте товары с доставкой день в день
-
Узнавайте первыми и участвуйте в акциях
Введите номер телефона
Карточка категории
В карточках категории представлены группы товаров, что упрощает пользователю сортировать большой ассортимент в каталоге товаров.
Карточка товара
Карточка категории представлена всплывающим окном с подробным представлением товара: изображение, характеристики, выбор вариантов товара с их уникальными модификаторами. Также секция с дополнительными товарами, которые часто покупают с этим блюдом.
Акции
Выбран чистый цвет из палитры красно-желтых оттенков + фото изображение + текст
Вакансии
Личный кабинет
Регистрация клиентов в веб-приложении осуществляется через ввод кода из смс сообщения на номер клиента. После этого у клиента появляется личный кабинет, в котором хранятся все его персональные данные, баллы бонусной программы и история заказов.
В истории заказов отражаются: номера заказов, способ получения, тип оплаты, сумма и текущий статус.
Корзина и оформление
На данной странице отображается список товаров: название, изображение, выбранные модификаторы (если есть), выбор количества.
Также предусмотрены поле для ввода промокода, вывод суммы заказа и скидки.Результат работы промокода также отразится, будь то скидка на заказ или подарочный товар.
Реализован механизм бесплатной доставки от определенной суммы. Здесь же клиент выбирает способ получения заказа: самовывоз или доставка.
- На странице оформления заказа клиент оставляет свои персональные данные и адрес доставки (Можно ввести новый адрес или выбрать его на карте, а так же выбрать из ранних адресов)
- Сроки получения и способ оплаты
- Клиент может воспользоваться промокодом
- Также в корзине рассчитывается примерное время доставки
Мобильная версия
Сделана адаптивная кроссплатформенная версия сайта и панели администратора для всех типов устройств с сохранением функционала полноэкранной версии. Удобный поиск по меню, формирование и оформления заказа, а также функциональный личный кабинет.
Другие кейсы
