Презентация

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

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

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

Услуги

Web-дизайн

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

2 месяца

Год запуска

2023 г.

Задачи

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

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

Site Map

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

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

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

 

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

 

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

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

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

Mulish

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

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

mobile friendly

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

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

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

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

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

Атомы

Молекулы

Организм

Система

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

Заключение

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

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

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

O!task

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

Сайт турагентства

Мобильные приложения

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

  • UX/UI дизайн
  • Разработка
Продукт WEB.DO
Онлайн-школы, Продукты Web Do

Онлайн-платформа по изучению английского языка

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

Интернет-магазин мебели

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

Авторские путешествия по всему миру

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

Вы готовы?

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

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

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