В кейсе расскажем, как просто и быстро разработали одностраничный сайт под рекламу для текстильной компании.
О задаче
Практически всегда мы работаем в ограничениях. Обычно это либо сжатые сроки на реализацию проекта, либо специфические вкусовые предпочтения заказчика, либо отсутствие контента и т.д. Но в этот раз нам предстояло разработать одностраничный сайт световозвращающих лент, который в дальнейшем мог легко быть адаптирован под любую другую продукцию компании, при этом не был шаблонным.
Структура и вайрфрейм
Даже для таких небольших сайтов мы часто отрисовываем вайрфрейм и утверждаем его структуру с заказчиками. Такой подход значительно экономит время на дальнейших этапах разработки, а так же помогает сделать будущий сайт максимально удобным и эффективным.
Над проектом мы работали совместно с командой маркетологов клиента, обсуждая каждый функциональный блок сайта индивидуально.
Визуальная концепция и дизайн
Целевая аудитория будущего лендинга — это менеджеры по снабжению текстильных предприятий, фабрик, небольших мастерских, которые занимаются пошивом спецодежды. Для них важен не столько привлекательный визуал на сайте поставщиков, сколько возможность быстро найти необходимую им информацию.
Несмотря на это, мы не могли не сделать сайт визуально приятным. Нам хотелось, чтобы с первых секунд он погружал пользователей в атмосферу использования СВ лент — темное, ночное время. Поэтому сайт темный, и это так же отличает его от множества других светлых сайтов с СВ лентами.
Также нас очень выручили 3D изображения лент, которые мы смоделировали и использовали крупно для ключевых экранов.
В карточке товара мы решили оставить только ключевую информацию о продукции, для максимально простого её восприятия. Кнопку «Заказать» не стали «прятать» за эффект появления при наведении курсора на карточку, а показали её по умолчанию, чтобы клиентам был виден сразу весь возможный функционал. Дополнительно цветом мы подсветили основную характеристику — световозвращающую способность.
За счет простоты и универсальности верстки, на сайте возможно легко заменять или добавлять информацию, менять визуальный контент
Адаптивная версия
Адаптация лендинга под различные устройства является неотъемлемой частью процесса. При адаптации мы не урезаем функционал десктопной версии, мы только перекомпановываем функциональные блоки.