Переработка сайта
Тот же сайт, та же информация, другое впечатление
Слева сайт, каким он встретил 2012 год и в котором живёт до сих пор. Справа он же после переработки: контент не изменился, изменилась подача.
Стоматология рядом с метро Речной вокзал
Лечим без боли и навязанных услуг. План лечения и точная стоимость — до начала работы, письменно.
Записаться на приём«Пришла с острой болью, приняли через сорок минут. Врач показала снимок, объяснила варианты и цены до лечения. Никто не навязывал лишнего.»Елена К. · отзыв с Яндекс.Карт
Добро пожаловать на наш сайт!
Стоматологическая клиника «Дента-Люкс» рада приветствовать Вас на страницах нашего сайта! Наша клиника оказывает широкий спектр стоматологических услуг населению по доступным ценам.
ВНИМАНИЕ! ЗАПИСЬ ПО ТЕЛЕФОНУ С 9 ДО 18!
| Наименование услуги | Цена |
|---|---|
| Лечение кариеса | договорная |
| Чистка зубов | договорная |
| Имплантация | уточняйте по тел. |
По всем вопросам звоните по телефону или пишите в гостевую книгу. Администрация сайта не несет ответственности за содержание сообщений.
«Дента-Люкс» вымышленная клиника. Оба варианта сверстаны с нуля для этой демонстрации; совпадения с реальными сайтами свойство эпохи, а не цитата.
- Задача
- У клиники сайт десятилетней давности: бегущая строка, шесть пунктов меню, «цена договорная». Пациенты открывают его с телефона и уходят звонить конкурентам.
- Решение
- Оставил контент и структуру, переработал подачу: одна цель на странице, цены на виду, доверие через факты. Сверстал новую версию заново, без конструктора и библиотек.
- Что получает владелец
- Страница ведёт к одному действию: записаться
- Читается с телефона без лупы
- Весит меньше одной старой фотографии
- Старый сайт работает, пока новая версия не принята
- Стек
- HTML и CSS
- TypeScript для шторки
- Astro для сборки
Что именно изменилось
«Договорная» читается как «дорого и по настроению». Конкретная цифра снимает страх звонка.
Было меню из шести пунктов и гостевая книга. Стало одна кнопка «Записаться», к которой ведёт вся страница.
Бегущая строка и мигающий текст требуют внимания, но не отвечают ни на один вопрос пациента. Теперь главное крупно, второстепенное тише.
Отзыв, лицензия, часы работы и адрес: всё это пациент может проверить сам.
Старая версия на телефоне требует лупы. Новая перестраивается: сузьте окно браузера и подвигайте шторку ещё раз.
Обе панели на этой странице чистый HTML и CSS, без единой библиотеки. Страница целиком легче одной фотографии со старого сайта.
Переработка не означает «всё выбросить». Контент, структура и то, что уже работает, остаются. Меняется подача, скорость и путь посетителя до заявки.
Напишите в чате на Профи.ру, что за проект и к какому сроку. В ответ пришлю смету по пунктам.