Разработка сайта для Fabrica Collage

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

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

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

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

Везде шаблонные WP-шные кнопки, никаких градиентов, никакой графики, никаких 3D элементов и так далее. Мы, естественно, делать подобное не собирались, поэтому перешли к разработке макета.

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

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

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

На главном экране добавили motion при появлении элементов интерьера, в следующем блоке i-frame подтянули коротенькое видео о работе с сервисом, с призывом перейти на страницу и посмотреть полный курс по работе с ним.

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

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

Далее пользователь попадает в блок с контактами, откуда может связаться если ему это оказалось релевантно.

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

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

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