Создание интернет-магазина «Русский мед»
Изучаем задачу. У заказчика есть три разных сайта с похожим наполнением. Нужно объединить всё в красивый структурированный интернет-магазин.
Думаем, как выгодно показать мед в контейнерах и разнообразить страницы.
Собираем первые идеи в видеоролик и показываем заказчику.
Не нравится главная страница: не очень понятно, что «Русский мед» — это крупнейший оптовый поставщик меда, не сразу виден огромный ассортимент. И еще получается не так ярко, как хотелось бы.
Добавляем ассортимента и накручиваем красок.
Лучше, но шапка все еще не кричит, что больше меда, чем здесь, покупатели не найдут нигде. Развиваем историю про медовые кубы и бесконечность.
Неплохо! Уточняем детали и собираем еще один ролик.
Концепция принимается. Выбираем цвета для главной страницы и останавливаемся на светлом варианте.
Копаемся в каталоге и карточках товара.
Хочется, чтобы люди максимально подробно рассматривали состав меда, его цвет и консистенцию, представляли себе вкус. Для этого придумываем несколько новых форматов: на ложке, крупная текстура, в кубоконтейнере с одинаковым ракурсом. А в обложках разделов каталога нужно сразу давать понять, чем крем-мед отличается от классического продукта. Едем на производство и проводим масштабную фото- и видеосъемку.
Ищем идеальную форму и положение контейнера для меда, подготавливаем смарт-объект для быстрого обновления содержимого — с рефлексами, тенями и естественным краем.
Приводим все фотографии меда в кубах к единому виду.
Готовим ложки.
Собираем текстуры меда, фиточаев и продуктов пчеловодства.
Рисуем все внутренности и типовую страницу.
Все разновидности крем-меда из бесконечной выкладки на главной должны ховериться и браться из каталога. Готовим специальные маски для технолога.
Хочется, чтобы волны на сайте были живыми. Радуем технолога новой задачей и закидываем СВГ-спрайты.
И пусть кубоконтейнеры на главной привлекают к себе побольше внимания.
Успокаиваем кубы и параллельно со сборкой сайта наполняем все микроанимацией.
Фотографируем недостающие объекты, дорисовываем техграфику.
Тестируем, открываем и закрываем сотни задач по верстке.
Готово. Сайт начинает принимать первые заказы.