Заказчик обратился к нам по рекомендации, чтобы сделать лендинг с личным блогом хирурга. Страница должна была отразить личность и уникальность его работы, а также дать посетителям возмозможность видеть весь спектр услуг и соответственно обращаться за консультацией и помощью.
На этапе предпроектной оценки мы собрали вводную информацию. Рассмотрев задачи и желаемое функциональное наполнение, стало понятно, что клиенту нужен не лендинг, а полноценный сайт. Что мы и сделали, реализовав поэтапно:
Наша команда создала информативный сайт с понятной структурой и разделами меню: Обо мне. Услуги, Пациентам, Статьи, Контакты. Для работы с клиентами настроены полезные инструменты на главной и др. страницах. Сделали Форму записи на прием, pop-up кнопки Вверх и Позвонить. Для читателей блога добавили автоматическое уведомление для Подписки на обновления.
Концепция
Анимация
Чтобы оживить и внести динамику на сайт придумали и добавили анимированный элемент - аккуратную линию, которая проходит через все страницы сайта. Это современное решение не перегружает сайт и только подчеркивает индивидуальный концепт.
Потребовалось проделать большую работу, чтобы этот элемент выглядел на всех устройствах отлично. Линия иначе воспроизводилась на мобильных устройствах и планшетах и не работала на Mac и Айфонах. Мы уменьшали, перерисовывали баннеры, программировали, где-то переделали и поменяли направление самой линии. Отдельно верстальщик запускал механизм проверки и решал проблему с яблочными устройствами. В результате мы адаптировали эту анимацию под все виды устройств.
Карта
В разделе контакты на основе Яндекс.Карты сделали чернобелую карту местоположения, на которой выглядит контрастно и притягивает внимание плашка с геолокацией. Карта отцентрирована и подстраивается максимально эффективно под все разрешения.
Картинки для раздела услуг
Преднастроенная стилизация фотографий
Мы сделали преднастроенную стилизацию загружаемых на сайт картинок (градиенты, приятные тона), чтобы заказчик смог дальше самостоятельно наполнять инфоблоки визуальным контентом и не выбиваться из фирменного стиля сайта. Дизайнер отрисовал тени, подобрал цвета и передал верстальщику, который все это запрограммировал так, что клиент будет загружать любое фото и на него сразу будет накладываться этот эффект.
Админка сайта
Чтобы клиенту было удобнее размещать контент, мы кастомизировали админку сайта. Запрограммировали отдельно левую часть для текста и правую для изображений, внизу добавили дополнительные текстовые блоки. Например, в Статьях предусмотрено 4 блока текста и 4 картинки. Каждое поле выделено, теперь пользователь на свое усмотрение сможет расставлять информацию, которую считает нужным и не запутается. Справа на сайте всегда будет иллюстрация, а если нет, то текст растягивается по всей ширине страницы.
Учитывая социальную значимость проекта, в условиях ограниченного бюджета мы стремились предусмотреть все нюансы в юзабилити, обращать внимание заказчика на места, где у нас возникали сомнения и исправлять их в лучшую сторону.
Результат
С учетом всех согласований, за 2,5 месяца эффективной работы у нас получился современный, стильный сайт, который вызывает доверие и подчеркивает профессионализм и статус его владельца. В проекте закрыты все клиентские задачи. Отражена полная информация о специалисте, отзывы о его работе, показаны услуги и вопросы, по которым можно обратиться, есть раздел для личных статей и работ по проблематике в сфере деятельности. Предусмотрены инструменты сбора заявок и подписки на обновления. Сайт адаптивен под все устройства, удобен и прост в эксплуатации, как для владельца, так и для посетителя. В будущем это позволит сайту развиваться, оставаться живым и полезным. Клиент доволен результатом и сейчас занимается SEO-продвижением проекта.
