Кейс: сайт для фабрики мороженого за 3 недели на 3 языках

Иркутская фабрика мороженого обратилась к нам с задачей сделать сайт-визитку. Красивый, современный, соответствующий их «вкусной» тематике. Для реализации идеально подошел конструктор Tilda, но с индивидуальным дизайном zero-блоков. Угадаете стоимость сайта?

Клиент занимается только оптовыми поставками мороженого. Основная функция лендинга – презентовать компанию потенциальным партнерам на отраслевых выставках и презентациях.

На сайте должны быть обязательно размещены:

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

Клиент работает не только с российскими регионами, но и с иностранными заказчиками, поэтому сайт должен быть на трех языках – русском, английском и китайском.

Для разработки сайта был выбран конструктор Tilda. Во-первых, заказчику будет просто поддерживать лендинг и обновлять контент. Во-вторых, Tilda позволяет использовать не только стандартные блоки, но и блоки с индивидуальным дизайном и, при желании, с анимацией.

Первый и самый важны этап в начале работы – прототипирование. Мы подготовили схему сайта и согласовали с заказчиком:

Далее копирайтер подготовил тексты для сайта на русском языке, мы «примерили» их в прототип и передали переводчикам для работы. А пока дизайнер приступил к самой интересной части – созданию дизайн-макета сайта.

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

Мы видели будущий лендинг легким, нежным, воздушным, как пломбир, но без ухода в детскую тематику, все-таки сайт для b2b.

Концепция клиенту понравилась, и мы подготовили разные варианты дизайна для первого экрана сайта.

Вариант 1 – сразу показываем разнообразие продукции.

Вариант 2 – все очень просто, чинно-благородно. На наш вкус, скучновато, но решать клиенту.

Вариант 3 – более светлые оттенки и много мороженого.

Вариант 4 – в центре внимания – эскимо, от которого кто-то не удержался и откусил кусочек :) Именно этот вариант «зашел» больше всего и был выбран для дальнейшей проработки.

Как только заказчик определился, мы доработали понравившийся вариант первого экрана и показали дизайн-макет целой страницы.

Поскольку некоторые из блоков можно было оформить по-разному, мы презентовали два варианта на выбор.

Блоки «Поставщики», «Новости» и «Сотрудничество»

Блоки «Карта дистрибьюторов» и «Социальные проекты»

После согласования дизайна всех блоков был приобретен домен, и мы приступили к верстке выбранного варианта дизайна на конструкторе Tilda.

Поскольку в основном мы использовали zero-блоки (блоки с индивидуальным дизайном), было важно уделить особое внимание адаптивным версиям сайта для разных устройств.