Сайт пластического хирурга: дизайн, верстка, HostCMS

веб дизайн, медицина, hostcms, сайт под ключ, сайт-визитка

Перейти на сайт

Разработка под ключ персонального сайта пластического хирурга на движке HostCMS (май 2023 г.)

 О проекте

Многостраничный сайт визитка doctorchesalin.ru пластического хирурга, трихотрансплантолога Ивана Павловича Чесалина (Москва), обладателя премии «Хрустальный Лотос» 2023 в номинации «Лучший пластический хирург по пересадке волос».

 Задача проекта

1. Разработать авторский лаконичный дизайн.
2. Определить несложные анимации элементов сайта.
3. Сверстать Html страницы.
4. Интегрировать с cms HostCMS.
5. Произвести начальные настройки и организацию разделов и страниц в Админ-панели.
6. Наполнить сайт контентом.

 Что было сделано

1. Разработаны макеты страниц (Photoshop).
2. Отрисованы фоны, иконки категорий раздела услуг, gif-баннеры (Photoshop).
3. Созданы svg-иконки (CoreDraw).
4. Осуществлена адаптивная верстка страниц (Html, Css, jQuery).
5. Реализованы анимации (CSS3 + jQuery) фонов, появления элементов при прокрутке, изменения вида элементов при наведении курсора, бегущие строки.
6. Произведены интеграция верстки с HostCMS, а также все необходимые настройки в админ-панели движка HostCMS 7.0.5.
7. Интеграция Google Sheets с сайтом: реализована трансляция данных (цены на услуги врача) из Гугл таблиц на страницах в разделе Прайс.

Вывод на сайте прайс-листов из Гугл таблиц Интеграция Google Sheets с сайтом: трансляция данных из Гугл таблиц на страницах с прайсом. Сервис на JavaScript и Php: разработка Google скриптов, получение данных, запись в json-файл и вывод на страницах сайта.

На сайте реализованы:

• прелоадер, липкий хедер;
• поиск;
• owl карусели, модальные окна, адаптивные таблицы с кнопками Развернуть / Свернуть;
• на главной странице: фоновое видео на первом экране, слайдер до / после;
• блог имеет 3 категории, теги-метки и облако тегов;
• служебные страницы и попап-окна: Согласие на обработку данных, Политика конфиденциальности, Условия обслуживания;
• html карта сайта.

Сайт адаптирован для мобильных устройств и планшетов.

Страницы сайта

• Главная
• О докторе
• Услуга
• Блог
• Контакты

Как вам понравился сайт doctorchesalin.ru? Хотели бы такой сайт визитку? Просто сообщите о своем желании, я с радостью помогу осуществить это! Напишите мне на make.website.info@gmail.com:

Написать