Визуальная идентификация

Ребята из Science не только разработали логотип компании и упаковку продуктов, но задали настроение всего проекта — игривое и лёгкое. Детские снимки на этикетках, свободные начертания букв, цветовое разнообразие и нежность тонов составляют стиль «Козлят и ребят».

Подготовка контента

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

Дизайн сайта

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

В основе каждой карточки товара — уникальный цвет и крупная анимированная фотография ребёнка. Описание продукта мы подавали в текстовом формате, а дополнительные характеристики — срок годности, условия хранения и объём — подкрепляли графикой.

Для того чтобы реализовать смену фона в навигационном блоке, мы кропотливо обрабатывали фотографии ёмкостей. Особое внимание уделили естественности бликов и правдоподобности этикеток.

Все элементы образуют небольшой, но полезный стилевой файл.

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

Проект завершился традиционно — вёрсткой макетов и программированием. Поскольку семь из восьми страниц сайта — шаблоны, разработка прошла быстро и не вызвала трудностей.