Получи скидку 20% на разработку любого типа сайта, оставив заявку сейчас
Ответьте на несколько вопросов, чтобы получить скидку 40% на разработку вашего сайта
Отлично. Последний шаг, чтобы получить скидку!
Укажите нишу для которой необходимо разработать сайт?
Выберите нужный тип сайта:
Бюджет проекта
лендинг цена
лендинг цена
лендинг цена
лендинг цена
лендинг цена
лендинг цена
лендинг цена
лендинг цена
Сервисный центр "Три Кита"
Сервис, в который не страшно обратиться
Комплексный редизайн сайта
СЦ в Краснодаре
На Тильде

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

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

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

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

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

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

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

Визуальной составляющей сайта мы хотели подчеркнуть главное преимущество данного сервисного центра, а именно его лояльность и готовность помочь с любой поломкой техники.
Как мы это придумали и зачем
лендинг цена
лендинг цена
лендинг цена
лендинг цена
Сервисный центр не должен ассоцироваться с тратами и обманом
лендинг цена
лендинг цена
лендинг цена
лендинг цена
Шрифт
Мы выбрали Montserrat в качестве основного шрифта сайта.
Это приятный современный шрифт без засечек с тонким начертанием.
Им же выполнен весь этот кейс.
36 px
20 px
Для заголовков
Для текста
#043d85
#64b2eb
#e74b3d
#ff951a
#ffffff
Для этого мы придумали оформить элементы сайта стиле акварельного рисунка, а вместо скучных фотографий мы добавили векторные иллюстрации, чтобы сохранить "воздух".

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

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

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

Мы исправили это и освежили вид меню.
лендинг на тильде цена
лендинг на тильде цена
Первый Экран
Новый внешний вид страницы сложился из большой векторной иллюстрации,появление которой
анимированно, расположение заголовка и преимуществ изменено,форма спрятана в поп-ап
До / После
лендинг на тильде цена
Квиз-блок
Появился новый блок с коротким тестом-диагностикой.

Добавили анимацию движения для большего вовлечения.
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Устройства которые мы ремонтируем
Заменили стоковые фотографии на векторные иллюстрации, по просьбе заказчика увеличили размер и изменили количество устройств в ряду.
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Как мы работаем
Улучшили инфографику, увеличили функциональность, добавив кнопки и немного "изюма" легкой анимацией
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
До / После
До / После
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Почему выбирают наш сервис?
Изменили общую компоновку элементов, добавили анимацию по типу бегущей строки
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Отзывы
Лучше всего о центре говорят благодарные отзывы клиентов, поэтому мы не могли обойти этот блок стороной
До / После
Часто задаваемые вопросы
До / После
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Информация о компании
Изменили общую компоновку элементов, добавили векторные иллюстрации, чтобы блок стал более живым и интересным и вписывался в общую концепцию сайта
До / После
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Изменили общую компоновку элементов, добавили векторные иллюстрации, чтобы блок стал более живым и интересным.
Страницы услуг и цен
Общий принцип построения страниц однотипен:

•первый экран с иллюстрацией ремонтируемого устройства
•секция диагностика
•блок с ценами
•полезные советы.
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Мобильная версия сайта
Полный адаптив для всех разрешений и устройств благодаря функционалу адаптивности в ZeroBlock
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
лендинг на тильде цена
Десктопная версия
Мобильная версия
Made on
Tilda