Как сделать личный сайт и не переделывать его трижды: разбор heypascal.me

Три перезапуска личного сайта — это не про перфекционизм. У heypascal.me первые две версии провалились по одной причине: автор не ответил для себя, кем он выходит к людям. Шаблон портфолио выглядел аккуратно и при этом врал. Блог выглядел честно, но не показывал, что человек умеет делать руками. Рабочей оказалась сборка из трёх частей на одном домене: портфолио, блог и страница услуг.

Знакомая картина: сайт готов, ссылку не стыдно кинуть, а заявок нет. Почти всегда дело в порядке вещей. Сначала роль, потом текст, потом вёрстка.

Сайт должен вмещать все роли сразу

У автора их три: инженер, основатель проектов и автор текстов. Ни одну не выкинуть без потерь. Убрать портфолио — не видно, что он пишет код. Убрать блог — не видно, как он думает. Убрать услуги — некуда прийти с заказом.

Соберите такой же список про себя. Не «целевая аудитория», а роли. Дальше проверьте, какая страница закрывает каждую. Роль без страницы — дырка, и её закроют на второй итерации, уже потратив время на вёрстку.

Что менялось от версии к версии

Стек: статика и минимум движущихся частей

Технически это статические HTML, CSS и JavaScript. Хостинг — S3 плюс CloudFront, деплой — GitHub Actions, иконки — Lucide. Фреймворков нет, и автор отдельно проговаривает: иногда написанное руками — правильный выбор.

Что это даёт на практике. Быструю загрузку и бережное отношение к трафику: сайт открывается на слабом соединении и на телефоне с плохой связью. Для человека, который продаёт настройку AWS и бэкенд, скорость страницы — часть аргумента, а не украшение.

Деплой через GitHub Actions убирает ещё один класс проблем: пушите в репозиторий — сайт обновляется. Ни админки, ни плагинов, которые ломаются ночью. Для десятка страниц этого хватает с запасом.

Восемь услуг с ценами вместо «уточните в личке»

На странице услуг восемь позиций, у каждой указана стартовая цена — от $80 до $800. Формулировку «свяжитесь для расчёта» автор не использует сознательно и считает тёмным паттерном.

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

Разброс от $80 до $800 добавляет понятности: посетитель сам видит, что небольшая задача стоит дешевле, а работа с инфраструктурой — дороже.

Порядок, который экономит недели

Недели ушли на решения по пикселям для сайта, назначение которого ещё не было сформулировано.

Отсюда рабочая последовательность:

1. Ответьте на вопрос позиционирования: кем вы выходите к читателю и заказчику.
2. Соберите тексты под роли: что делаете, что умеете, сколько это стоит.
3. Разложите тексты по страницам и только теперь рисуйте структуру.
4. Стек, хостинг и деплой выбирайте последними.

Пункт про тексты пропускают чаще всего. Между тем страница услуг без цифр и портфолио без описания задач — это набор картинок.

Что ломается у большинства

• Шаблон выбран раньше, чем роль. Дизайн начинает диктовать, что вам «подходит».
• Блог вместо сайта. Если вы продаёте работу руками, статей недостаточно, чтобы получить заказ.
• Цены спрятаны. Посетитель уходит, чтобы не выяснять бюджет в переписке.
• Полировка пикселей до того, как стала понятна цель страницы.
• Фреймворк ради одной страницы. Иногда он оправдан, но начинать с него не стоит.

Ещё одна мелочь, которую легко недооценить: никакого карусельного баннера и стоковых фотографий. Содержание важнее оформления — так это сформулировано у автора, и с этим сложно спорить, когда смотришь на страницу, где всё нужное видно с первого экрана.

heypascal.me — живой пример того, что личный сайт выигрывает не от красоты шаблона. Три роли на одном домене, статика без фреймворков, восемь услуг с честными стартовыми ценами. Держитесь порядка «позиционирование — тексты — структура — стек», и перезапускать сайт трижды не придётся.