Финансовая экспертиза. Собственный цифровой почерк.
Для «Городицкой и партнёров» я разработал многостраничный сайт на Astro: от исследования рынка и структуры до авторского дизайна, вёрстки и подготовки к поисковому продвижению.
- Клиент
Наталья Городицкая
Финансовый эксперт и независимый финансовый директор. Личная практика и команда «Городицкая и партнёры».
- Формат
Сайт с глубиной
Главная, отдельные услуги, кейсы, статьи и контакты. У каждого направления своя страница и путь к консультации.
- Моя работа
От исследования до запуска
Конкуренты и поисковый спрос, структура и тексты, авторский дизайн и монограмма, адаптивная разработка.
- Технология
Astro. Под этот проект.
Собственная вёрстка на Astro и TypeScript. Готовый HTML, переиспользуемые компоненты и подготовка к SEO и GEO.
Как объяснить опыт, который не помещается в одну услугу
У Натальи большой опыт в финансах и учёте: управленческая отчётность, финансовые модели, восстановление учёта, автоматизация в 1С, подготовка бизнеса к финансированию. На сайте это легко превращается в длинный список терминов, в котором собственник не узнаёт свою задачу.
Нужен был сайт, который помогает разобраться: с каким вопросом обращаться, что эксперт сделает, какой результат передаст и как начнётся работа. При этом важны личное доверие к Наталье и возможность показать работу команды под её руководством.
Отправной точкой стал вопрос собственника. Услуги, доказательства и следующий шаг выстроены вокруг него.
Сначала разобрались, что и кому продаём
До макетов я изучил предложения финансовых директоров на аутсорсе, консалтинговых компаний и специалистов по учёту и 1С. Сравнивал состав услуг, аргументы доверия, глубину страниц и путь к обращению.
Отделили разные задачи бизнеса
Финансовый директор, восстановление учёта и финансовая модель могут быть нужны одной компании, но по разным причинам. Развёл эти направления по страницам, чтобы посетителю не приходилось искать нужное внутри общего описания.
Проверили язык поискового спроса
В исследовании собраны восемь предварительных кластеров. Формулировки проверяли в Яндекс Вордстате и сопоставляли с реальной практикой Натальи. Так появились отдельные направления диагностики, управленческого учёта, финансирования и автоматизации.
Связали обещание с доказательством
Для услуги нужны не только красивые слова, но и понятные границы: что проверяется, какие документы потребуются, что делает команда клиента. На страницах рядом размещены соответствующие кейсы Натальи и материалы с разбором вопроса.
Спокойная уверенность вместо банковского шаблона
Для проекта разработан собственный визуальный язык: глубокий зелёный, тёплый светлый фон, золотые акценты и авторская монограмма. Он объединяет личный бренд эксперта и более широкую практику «Городицкая и партнёры».
В заголовках использована Prata, в тексте и интерфейсе Manrope. Крупная типографика, портреты и свободная композиция задают характер главной. На внутренних страницах тот же язык работает с более плотным содержанием: этапами, составом услуги, кейсами и формой обращения.
Авторская монограммаЦифры становятся решениями
Prata / Manrope- Глубокий зелёный#0F3D33
- Тёплый светлый#F5F2E8
- Приглушённый шалфей#92A39A
- Золотой акцент#D1AD64
Посетитель приходит с вопросом. Сайт помогает найти услугу
На главной можно начать со знакомой ситуации: «Прибыль есть, а денег нет?», «Почему отчёты собирают вручную?», «Можно ли расширяться?». Дальше сайт ведёт к конкретной услуге, объяснению причины и консультации.
- 1
Вопрос бизнеса
Прибыль есть, а денег нет
Ситуации на главной ↗ - 2
Подробная услуга
Финансовая диагностика
Страница услуги ↗ - 3
Разбор и практика
Причины кассового разрыва
Полезная статья ↗ - 4
Следующий шаг
Обсудить свою задачу
Форма консультации ↗
Каждая страница отвечает на свой вопрос
Услуги
Знакомые ситуации, состав работ, результат, участие команды клиента и порядок начала проекта. Соседние услуги связаны по смыслу.
Кейсы и эксперт
Практика Натальи, её роль и профессиональный опыт помогают оценить, подходит ли эксперт для задачи компании.
Статьи и материалы
Разборы проблем учёта и финансов дают полезный первый ответ и ведут к подходящему направлению работы.
Контакты и обращение
Форма рядом с предложением, выбор телефона или почты, дополнительные подробности по желанию. Контакты доступны и отдельной страницей.
SEO заложено в структуру, а не добавлено списком ключевых слов
Подготовку начали до разработки. Поисковый запрос сопоставляли с задачей посетителя и страницей, которая действительно может её раскрыть. Это определило содержание услуг и связи между разделами.
Содержательные посадочные страницы
Для направлений работы подготовлены собственные заголовки, описания и содержание. Финансовую модель не прячем в тексте про все услуги сразу, а диагностике даём отдельную точку входа.
Техническая основа
Astro отдаёт готовый HTML с основным содержанием. Подготовлены canonical, sitemap, метаданные страниц, социальные превью и хлебные крошки. Роботу не нужно запускать клиентское приложение, чтобы прочитать предложение.
Связи между материалами
Услуга ведёт к подходящему кейсу и статье, статья возвращает к решению, а главная показывает разные способы начать знакомство. Перелинковка помогает и посетителю, и поисковому обходу.
GEO: дать поисковым AI-системам понятный источник
На сайте явно обозначены эксперт, организация, услуги и авторство материалов. Сущности связаны структурированными данными Schema.org, а объяснения доступны в обычном HTML: с заголовками, конкретными задачами и описанием результата. Так у поисковых и AI-систем есть подготовленный источник о практике Натальи. Это основа для дальнейшей работы с видимостью, а не обещание рекомендаций от нейросетей.
Почему здесь Astro
Сайт в основном состоит из текстов, изображений, услуг и экспертных материалов. Для этой задачи не нужен тяжёлый клиентский интерфейс на каждой странице. Astro собирает готовые HTML-страницы; JavaScript остаётся для поведения меню, вкладок и других интерактивных элементов.
Структура вынесена в переиспользуемые компоненты и данные: общая шапка, подвал, оформление услуг, кейсов и статей. Это позволяет добавлять материалы в том же визуальном языке. Дизайн реализован под проект без шаблона конструктора.
Мобильная версия спроектирована отдельно
На узком экране меняются композиция первого экрана и навигация. Крупные заголовки, иллюстрации, описание услуг и кнопки остаются читаемыми. Форму можно заполнить без длинного обязательного брифа: сначала оставить удобный контакт, а детали добавить по желанию.
- Astro
- TypeScript
- HTML / CSS
- Schema.org
Что получилось
У Натальи появился многостраничный сайт с собственным характером и понятным предложением: посетитель может узнать себя в ситуации, изучить услугу, посмотреть практику и обратиться. Исследование, дизайн, контент и разработка работают в одной структуре.
- Авторский дизайн и монограмма
- Главная, услуги, кейсы, статьи и контакты
- Адаптивная разработка на Astro
- Подготовка к SEO и GEO
- Связанные сценарии обращения
