clouse

Обсудить проект

Оставьте заявку, и мы свяжемся с вами в течение 10 минут. Не хотите ждать? Просто позвоните! Мы любим, когда наши клиенты предпринимают активные действия.

+7 (495) 133-62-32

О клинике “Visage”

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

01

Основная Задача

Редизайн сайта Visage: полный визуальный редизайн всех страниц и элементов сайта. Сделать акцент на визуальный контент, процедуры клиники. Улучшение юзабилити сайта, упрощение для покупок в интернет-магазине. Для каждой процедуры подобрать визуальное оформление, которое будет приятно смотреться не только на компьютере, но и на мобильной версии сайта. Сделать контент на сайте более структурированным.

02

Типография & Цветовая палитра

#b61a49
#eaece9
#33343e
Oswald
Playfair Display
Karla
03

Дизайн

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

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

04

Страница процедур

Данная страница вторая по важности после главной. Если главная страница создаст определенное впечатление, то визуальное оформление страницы с каталогом процедур закрепит его. Страница процедур выполнена с ипользованием тех же приемов, с помощью которых представлены процедуры на главной странице, но здесь дается немного больше тектовой информации о клиниках где пользователь может воспользоваться данной процедурой, о самих процедурах и несколько CTA (Call to action) чтобы дать пользователю возможность связаться со специалистами клиники, если у него появились какие то вопросы и заинтересованность. Сами процедуры представлены в виде плиток с красивыми изображениями при нажатии на которые, пользователь попадет на страницу нужной ему процедуры.

05

Остальные страницы

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

06

Адаптивный дизайн

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

07

Итоговый результат

Подводя итоги - была проведена очень большая работа и клиент остался очень доволен! В ходе разработки сайт приобрел несколько интересных функций и улучшений по сравнению со старым сайтом таких как отдельный раздел "Галерея" - администратор сайта может добавлять туда изображения со специальными тегами, это было сделано для улучшения SEO. А так же на страницах процедур появилась функция "поделиться" для таких известных соц сетей как Facebook, Twitter и Google+. Добавился видео блок куда пользователь самостоятельно загружать информационные ролики.