Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава I. Старая книга

К нам пришли владельцы санатория «Лесники» Людмила и Владлен Воробейчик с просьбой обновить уже имеющийся сайт и сделать его более современным с точки зрения дизайна и позиционирования.

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

Задача

  • реанимировать сайт и убрать «санаторный флёр»
  • привлечь новую более молодую аудиторию
  • сделать сайт удобным и понятным с точки зрения пользователя

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава II. В санаториях плохой сервис, старый ремонт и, вообще, привет из СССР

Немного предыстории: «Лесники» работают в Курганской области уже больше пятидесяти лет: здесь курганцы отдыхают целыми поколениями.

В 2021 году от «типичного советского санатория» не осталось и следа: была проведена масштабная реконструкция, обновлены все номера, построены коттеджи для гостей и баня, открыт ресторан и SPA с современным оборудованием. А вот сайт оставался всё тем же и совсем не отражал концепцию многофункционального и современного места для отдыха, где каждый найдет себе занятие по душе.

При слове «санаторий» у клиентов всё ещё появлялись перед глазами пациенты на процедурах, увешанные страшными проводами. «Лесники» же хотели уйти от этого образа и показать, что они — современный курорт. Проекту требовалась полная перезагрузка.

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава III. Тотальный апгрейд

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

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

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава IV. Красота в деталях

Как обычно, для красивого решения данного вопроса мы проделали огромную работу, а именно:

  • Исследовали рынок и конкурентов, расширив диапазон с санаториев до современных отелей и SPA-курортов

  • Изучили ожидания целевой аудитории, чтобы их превзойти

  • Ознакомились с готовым ТЗ от заказчика, предложили свою карту сайта

  • Сделали три креативные концепции

  • Написали тексты на много-много страниц

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

  • Заверстали сайт и сделали адаптивы на Тильде

Глава V. Разрушители стереотипов или пионеры санаторного брендинга

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

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава VI. На распутье трёх концепций

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

На выбор было предложено три концепции:

1. «Мистическая, обрядовая»

Потому что в век нутрициологов, астрологов и тарологов это очень популярно.

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

В визуальной основе лежали орнаменты коренных народов Урала и обложки сказок «Хозяйка Медной горы», «Каменный цветок» Бажова.

Чтобы передать атмосферу, мы много читали о ранее населявших Курган древних жителях, их быте и традициях, впитывая историю места.

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

2. «Семейная»

Потому что главней всего погода в доме, а все другое — суета.

Гости приезжают в санаторий за отдыхом, а значит, это место должно быть наполнено спокойствием и комфортом.

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

3. «Русский фьюжн»

Естественно, современно, на границе времен.

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

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

Цветовая палитра концепции также естественная: оттенки коричневого, зеленого, белого.

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава VII. Направо пойдёшь — к шаману придёшь, налево — гармонию с собой обретёшь

Клиент хотел, чтобы сайт был лёгким, светлым, не перегруженным, но в то же время передавал атмосферу природы и её оздоравливающие свойства — «Русский фьюжн» подошёл идеально.

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава VIII. Текстурировали, текстурировали, да вытекстурировали

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

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

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава IX. Летопись полувекового санатория

Самым энергоёмким процессом оказалось написание текстов: наши изначально заложенные на стадии КП 30 страниц постепенно разрослись в 42. Мы то и дело запрашивали информацию и дополняли контент.

Сайт очень сильно увеличивался, потому что много чего нужно было отразить, — текст писался 9 месяцев. [Копирайтер] Таня шутила, что уже мог бы родиться ребёнок. Мы ждали контент, писали тексты и снова ждали и снова писали.
Елена Бобина, арт-директор "е—б эдженси"

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава X. Солнце садится за футер, лес засыпает

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

Главный экран сайта
Главный экран сайта

Чтобы передать атмосферу места, где находится санаторий, мы добавили больше зелёного цвета и самых разных текстур: от края оторванной бумаги до теней листьев.

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

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

Дизайн главной страницы
Дизайн главной страницы

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

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава XI. Куда держим путь

Меню и футеру мы уделили особое внимание: нужно было уместить очень много информации (все те многочисленные услуги санатория) и сделать это удобно и красиво.

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава XII. От перемены девайсов итог не меняется

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

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

Глава XIII (итоговая). Сверхновая

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

Он всё также информативен, но более понятен гостям санатория: здесь всё разложено «по полочкам», контент подается в нужном количестве и порядке благодаря профессиональной работе нашего UX-дизайнера.

А яркий и запоминающийся визуал пропитал сайт атмосферой отдыха и расслабления. Каждый элемент создаёт ощущение неторопливого солнечного дня, который ещё предстоит провести в «Лесниках».

Толстой написал «Войну и мир», а мы — 42 страницы о здоровье и отдыхе. Кейс: как мы делали сайт для санатория

С любовью, ваши писатели:

Арт-директор — Елена Бобина

Креативный директор — Мария Ищенко

Руководитель проекта — Кристина Ткаченко

UX-дизайнер — Валерий Баран

Копирайтер — Татьяна Крылова

Веб-дизайнер — Мариан Ковалевич

Верстальщик — Ирина Кошкина

Команда проекта
Команда проекта
Этот проект сделан в е–б эдженси. Напишите Саше, если хотите так же.
66
1 комментарий

Очень крутой сайт получился! Хочется разглядывать каждую деталь

1
Ответить