Создание landing page “Vilena chocolate” для компании Вилена

В конце декабря 2020 года наша веб-студия вновь (уже в четвертый раз) работала над проектом для компании «Вилена». На этот раз мы создавали площадку для нового направления бизнеса - импорта и продажи в России кондитерских изделий и шоколада из Ирана. Предыдущий ресурс также был связан со сферой торговли, но предназначался для онлайн-продажи иранских морепродуктов и рыбы. Такое многолетнее сотрудничество очень помогло: мы отлично изучили все предпочтения заказчика как по структуре требующихся ему интернет-ресурсов, так и по их наполнению.

Задачи проекта

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

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

Мы создали коммерческое предложение на создание сайта, утвердили сроки и стоимость ресурса и немедленно приступили к работе.

Реализация цели

Первым делом руководитель проекта создал структуру для нового сайта. Ресурс, по сути, представлял из себя посадочную страницу (landing page). В «шапке» разместили логотип компании, кнопку для переключения языковых версий, электронную почту, номер телефона и кнопку «Перезвоните мне», при нажатии на которую должно было всплывать окно с полями «Ваше имя» и «Номер телефона» и кнопка «Отправить».

Под шапкой зарезервировали место для эффектной тематической картинки и главного заголовка «Кондитерские изделия и шоколад из Ирана». Ниже шли три похожих блока с информацией об иранских производителях кондитерских изделий. В каждом, помимо картинки и текста, разместили кнопку на скачивание каталога продукции данного производителя.

Ниже расположился общий блок с информацией о преимуществах кондитерских изделий, тематическое фото, две ссылки на рекламные видеоролики изделий. Завершал страницу футер с полным адресом организации и продублированной контактной информацией.

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

Для фонового изображения он взял за основу одну из предоставленных заказчиком фотографий, ниже создал небольшую иконку для текста «Оптовая продажа со склада в Санкт-Петербурге», затем оформил каждый из трёх блоков производителей, используя заранее приготовленные фотографии и материалы, и под каждым текстом нарисовал и разместил кнопку «Скачать каталог».

Поскольку тексты о каждом производителе были, по мнению дизайнера, достаточно большими, он решил скрыть часть описаний и сделать вертикальную прокрутку сбоку, что позволило разместить большее количество блоков производителей на одном экране.

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

Последняя стадия работ – верстка сайта, наполнение его контентом и настройка функционала - заняла три дня. Дизайн и верстка сайта – адаптивные. Еще два дня понадобились веб-мастеру на настройку функционала, наполнение англоязычной версии сайта, и последующую адаптацию ресурса. CMS (систему управления контентом) при создании сайта https://vilena-chocolate.com/ мы не использовали, так как в дальнейшем заказчик не планировал администрировать его самостоятельно. Это дало нам два преимущества - сайт очень лёгкий «по весу», а значит быстро работает и мгновенно открывается на разных устройствах, в том числе мобильных, где качество и скорость интернета могут варьироваться.

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