С 9 до 21 вам ответит Денис

Написать:

Позвонить:

Обратный звонок:

Подписывайтесь в нашего telegram бота, чтобы получить структуру вашего будущего сайта. Это бесплатно!

Уже уходите? Не спешите!

Сервисный центр "Три Кита"

Сервис, в который не страшно обратиться

Комплексный редизайн сайта

СЦ в Краснодаре

На Тильде

Разработка лендинга
на тильде под ключ

Содержание нашего плана по преображению

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

Изменение структуры сайта

Подбор и дизайн нового фирменного стиля

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

Основная задача нового стиля - привлечь клиентов на стадии выбора СЦ, сформировать доверие и продемонстрировать им "три кита" предприятия - опыт, качество, доступность. Новый фирменный стиль использует элементы векторной графики, актуальной сегодня.

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

Реализация проекта

Изменение структуры сайта

Выявление потребностей и составление прототипа

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

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

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

Подбор и дизайн фирменного стиля

Поиск свежего взгляда на привычные вещи

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

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

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

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

Как мы это придумали и зачем

Сервисный центр не должен ассоцироваться с тратами и обманом

Шрифт

Мы выбрали Montserrat в качестве основного шрифта сайта.
Это приятный современный шрифт без засечек с тонким начертанием.
Им же выполнен весь этот кейс.

36 px

20 px

Для заголовков

Для текста

#043d85

#64b2eb

#e74b3d

#ff951a

#ffffff

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

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

Цвета

Реализация проекта

Десктопная и мобильная верстка

Всего было сделано 15 страниц под каждый вид ремонтируемой техники, а так же главная страница и страница с вакансиям.

Давайте взглянем подробнее,что нам удалось сделать

Новое меню

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

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

Мы исправили это и освежили вид меню.

Первый Экран

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

До / После

Квиз-блок

Появился новый блок с коротким тестом-диагностикой.

Добавили анимацию движения для большего вовлечения.

Устройства которые мы ремонтируем

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

Как мы работаем

Улучшили инфографику, увеличили функциональность, добавив кнопки и немного "изюма" легкой анимацией

До / После

Почему выбирают наш сервис?

Изменили общую компоновку элементов, добавили анимацию по типу бегущей строки

Отзывы

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

До / После

Часто задаваемые вопросы

До / После

Информация о компании

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

До / После

Изменили общую компоновку элементов, добавили векторные иллюстрации, чтобы блок стал более живым и интересным.

Страницы услуг и цен

Общий принцип построения страниц однотипен:

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