Глазная клиника 3Z

Яркий сайт для крупнейшей федеральной сети клиник заботы о зрении с крутой версией для слабовидящих

Результат Процесс
<p>Федеральная сеть клиник заботы о зрении 3Z (<nobr>«Три-З»</nobr>) насчитывает 33 диагностических центра в 7 регионах России и 4 хирургических клиники в Краснодаре, Ессентуках, Перми и Москве. Пациентам помогают избавиться от близорукости, дальнозоркости, астигматизма, катаракту, глаукому, кератоконуса и других болезней глаз.</p>

Задачи

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

Решение

<p><b>Главная страница</b></p><p>Мы сделали акцент на фирменных формах из брендбука, простых описаниях процедур и преимуществах клиники.</p>
<p><b>Переходная версия дизайна</b></p><p>Были опасения, что обновлённый <nobr>не-синий</nobr> дизайн клиенты из Краснодара, привыкшие к классической синей гамме, не узнают и не смогут идентифицировать со знакомым им брендом. В итоге мы предложили переходную версию дизайна: она всё ещё со старым лого и доминирующим синим, но уже с лёгкими цветными градиентами и формами из нового фирменного стиля. Заказчик может сам переключиться между версиями, когда сочтёт нужным.</p>
<p><b>Страница списка услуг</b></p>
<p><b>Детальная страница услуги</b></p><p>На внутренних страницах, рассказывающих про услуги клиники, в <nobr>промо-блоке</nobr> мы решили реализовать идею с окошком: размытый фон и маленькое окошко в форме одной из ключевых фигур, как символ окна в мир зоркого зрения.</p>
<p><b>Врачи</b></p><p>Очень трудоёмким оказался процесс подготовки фотографий: на каждом из 100+ фото требовалось избавиться от фона, чтобы накладывать изображения на цветные подложки — на это ушло несколько дней.</p>
<p><b>Страница поиска</b></p>
<p><b>Страница 404</b></p><p>На <nobr>404-й</nobr> странице посетителей ждёт целая игра: среди импровизированной таблицы для проверки зрения нужно ловить букву Z. Там же можно скачать и распечатать такую таблицу для контроля своей зоркости :)</p>
<p><b>Контакты</b></p>

Результат

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

Готовый сайт:

3z.ru