Информационная архитектура

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

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

Каждый интернет-магазин должен позаботиться о навигации и создать удобный поиск товаров. Поэтому проектирование мы начали с решения интерфейсных задач: организовали разделы, продумали состав меню, формат каталога и проработали сценарии перемещения по сайту. На каждый продуктовый запрос на toomanygifts.ru найдётся посадочная, а всех, кто войдёт с главной, встретит стартовая плашка с категориями первого уровня и ссылкой на каталог всех товаров. При клике на «Каталог» пользователь получит окно со списком, в котором все элементы распределены по группам.

Формулу TooManyGifts мы поддержали в оформлении заказа — добавляя товар в корзину, пользователь может оставить заявку на принт и упаковку.

Дизайн сайта

Стартовым этапом дизайна стала разработка концепции: мы выбрали начертание логотипа, определились с цветами и шрифтом. При первом подходе отрисовали промо-баннер, который теперь расположен на главной странице toomanygifts.ru.

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

Для всех контентных страниц мы подбирали подходящие изображения и рисовали иконки.

Идею TooManyGifts поддерживает и страница 404.

Все элементы и их состояния сошлись в большом стилевом файле — собрать новый макет клиент сможет без труда.

Вёрстка и программирование

Сайт предназначен для устройств с разрешением экрана от 1024 до 1440 — на десктопах и планшетах он просматривается в запланированном виде.
Главной задачей разработчиков стала интеграция сайта с базами товаров — некоторые поставщики передают данные через API, другие — в формате XML. Мы написали скрипт для импорта товаров из XML-файлов в админку сайта. Система легко настраивается и обновляет данные по расписанию. Поскольку каталоги у поставщиков устроены по-разному, мы доработали элементы управления так, чтобы при выгрузке данных из любого хранилища товары попадали в нужный раздел админки toomanygifts.ru.

Перейти на сайт