Сайт для Игоря Семенякина, выдающегося российского уролога и хирурга

1. Вводная задача от заказчика, проблематика, цели

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

- Создание и согласование прототипа (как все должно быть устроено на сайте).

- Дизайн и согласование макета

- Верстку

- Программирование

- Тестирование перед передачей проекта клиенту. Проверили сайт по чек листу iTrack. Наш стандарт качества и самоконтроля.

- Инструктаж по эксплуатации сайта и работе в админке.

Наша команда создала информативный сайт с понятной структурой и разделами меню: Обо мне. Услуги, Пациентам, Статьи, Контакты. Для работы с клиентами настроены полезные инструменты на главной и др. страницах. Сделали Форму записи на прием, pop-up кнопки Вверх и Позвонить. Для читателей блога добавили автоматическое уведомление для Подписки на обновления.

Концепция

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

Анимация

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

Потребовалось проделать большую работу, чтобы этот элемент выглядел на всех устройствах отлично. Линия иначе воспроизводилась на мобильных устройствах и планшетах и не работала на Mac и Айфонах. Мы уменьшали, перерисовывали баннеры, программировали, где-то переделали и поменяли направление самой линии. Отдельно верстальщик запускал механизм проверки и решал проблему с яблочными устройствами. В результате мы адаптировали эту анимацию под все виды устройств.

Карта

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

Картинки для раздела услуг

Доработали и отрисовали иллюстрации для раздела услуг.

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

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

Админка сайта

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

3. Результаты сотрудничества

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

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