Презентация

# Интернет-магазины

Интернет-магазин
техники Apple

Дизайн интернет-магазина по продаже техники бренда Apple

  • Услуги

    Web-дизайн

  • Клиент

    i-Ray

  • Направление

    Интернет-магазин техники бренда Apple

  • Регион

    Москва

  • Срок реализации

    2 месяца

  • год запуска

    2023 г.

Задачи

Подготовительные работы

Перед началом работы мы составили мудборд. Для этого провели визуальный анализ массмаркетов в этом сегменте и смежных. Вместе с клиентом остановились на современных тенденциях веб-проектирования: дружелюбный интерфейс (скругленные углы, мягкие тени, много светлого нейтрального пространства) аккуратные не загруженные карточки, выделение акцентов фирменным цветом, простые и понятные иконки.

Site Map

Прежде чем показать заказчику первый драфт, проработали несколько вариантов главного экрана и получили первый утвержденный дизайн-макет — отправную точку для разработки последующих страниц

Мобильный адаптив

Была изучена логика использования сайта с мобильного устройства потенциальными покупателями.

 

Получены рекомендации от заказчика, с учетом специфики товара и способов его получения.

 

Всвязи с чем разработаны дополнительные элементы интерфейса и лидогенерирующие формы

Цветовая палитра проекта

Главная страница стала основой для общего цветового и шрифтового решения. Этот набор дорабатывался и пополнялся вплоть до окончания работы над проектом — по мере появления новых требований к оформлению элементов.

Mulish

В проекте импользована хорошо читаемая с различных устройств гарнитура Mulish.

Это вариативный гротеск из коллекции Google Fonts с большим количеством начертаний, от тонкого до жирного

mobile friendly

Быстрый ритм жизни вносит свои коррективы и влияет на поведение покупателей, поэтому мы разработали макеты, адаптированные под самые популярные экраны устройств. Всё для удобства покупателей, а, значит, и для увеличения прибыли заказчика

Атомарное проектирование

В этом проекте мы применили принцип атомарного дизайна, суть которого заключается в проектировании от меньше к большему, от деталей к сложным формам: атомы формируют молекулы, молекулы — организмы, организмы — системы.

Такой подход ускоряет, упрощает и систематизирует работу над сайтом на всех ее этапах, а также экономит время и деньги заказчика, например, при апгрейде сайта в будущем. В любой момент не возникнет сложностей в том, чтобы заменить, обновить или доработать “атом” сайта, чтобы обновить его “организм”, не ломая при этом структуры.

Для проекта было разработано 300+ мельчайших фирменных элементов (атомов):

Атомы

Молекулы

Организм

Система

  1. Для создания нижней строки экрана было отрисовано более десятка атомов.
  2. Для создания одного мобильного экрана понадобилось в разы больше.
  3. Для проектирования всего сайта требуется несколько сотен фирменных атомов, каждый из которых создается на определенном этапе дизайна и участвует в формировании “лица” проекта.

Заключение

Мы используем системный подход при работе над проектом, включающий множество этапов, каждый из которых
необходим для создания качественного и функционального интерфейса. А удобный интерфейс в свою очередь
будет работать на удобство для посетителей и получение прибыли для заказчика

Еще проектов?

Продукт WEB.DO
Сервисы, Продукты Web Do

O!task

  • Исследования
  • UX/UI дизайн
  • Разработка
  • Продвижение
Мобильные приложения

Онлайн-тренажер для изучения португальского языка

  • UX/UI дизайн
  • Разработка
Интернет-магазины

Интернет-магазин грузовых шин

  • UX/UI дизайн
  • Разработка
Интернет-магазины

Интернет-магазин по продаже техники Apple

  • UX/UI дизайн
Сайты-каталоги

Сайт-каталог для производителя термосов

  • UX/UI дизайн
  • Разработка
Интернет-магазины

Интернет-магазин БАДов

  • UX/UI дизайн
  • Разработка

Вы готовы?

Давайте создадим и запустим Ваш digital продукт вместе?

Всё ещё не уверены? Взгляните, как мы будем создавать Ваш продукт.
Смотреть кейсы

Простой интерактив