Фрилансер и создание сайта — дизайн, код и запуск проекта

Зачем вообще свой сайт

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

Откуда люди приходят на сайт, я разбирал в статье «Где фрилансер находит клиентов». Здесь — что я сделал, чтобы этот адрес вообще появился и выглядел достойно.

Сначала — имя в интернете

Купил домен на Reg.ru: давинчи.online. Хотел коротко, по-русски и в духе бренда — не «ivanov-photo-2024», а нормальное имя, которое не стыдно продиктовать по телефону.

Отдельно завёл фрилансер.online — это уже блог про фриланс, не витрина услуг. Так проще: в одном месте «как заказать монтаж», в другом — «как жить на фрилансе».

Миф, который мешал: «Нужен свой сервер и админ». Мне хватило облачного хостинга и пары вечеров на настройку. Платный «SSL-пакет» у регистратора для этого не понадобился — защищённое соединение подключилось само, когда привязал домен к хостингу.

Где «живёт» сайт

Файлы сайта лежат в Google Firebase — по сути, надёжная «полка в интернете», куда выкладываешь готовые страницы, и они открываются по вашему домену. Я связал Reg.ru и Firebase: скопировал подсказанные настройки, подождал пару часов — и сайт открылся по адресу с замочком в браузере.

Заявки с формы не теряются: они сразу падают мне в Telegram. Не нужно каждый час заходить на почту и вылавливать письма из спама — телефон пикнул, прочитал, ответил.

Сборка в Cursor — «вайбкодинг»

Я не сидел ночами, выучивая языки программирования. Открыл редактор Cursor, описывал словами, что хочу: «сделай блок с отзывами», «поправь кнопку на телефоне», «добавь текст про реставрацию». ИИ правит страницу — я смотрю глазами клиента и говорю «да» или «ещё проще».

Так собирались и главная, и десятки отдельных страниц под разные услуги. Секрет не в магии, а в том, что вы остаётесь редактором: что обещаете клиенту, какие цены и примеры работ — только ваше.

Честно: первый вариант был сырой. Сейчас сайт выглядит солидно, потому что я много раз проходил путь «увидел — попросил поправить — снова посмотрел».

Что видит клиент на сайте

Заходишь на главную — сразу понятно, чем занимаюсь, сколько ждать результат, куда написать. Крупная кнопка «Прислать задачу», рядом Telegram и соцсети. Внизу цифры: сколько работ сделано, отзывы — чтобы не было ощущения «левый чувак из интернета».

Главная страница давинчи.online — заголовок, кнопка заявки и контакты

В меню — услуги: фотомонтаж, реставрация, документы, вектор. Переключаешься без долгой загрузки, как листать презентацию. У каждой услуги — свои примеры «до и после», коротко «как мы работаем» и ответы на частые вопросы.

Раздел «Фотомонтаж» на сайте давинчи.online

Отдельно вынес отзывы — люди любят читать, что пишут такие же заказчики:

Блок отзывов на сайте давинчи.online

Страницы под конкретные запросы

Кто-то ищет не «обработку фото», а узкую вещь — например, фотошоп скана документа. Под такие запросы сделаны отдельные страницы: свой заголовок, свои примеры, текст «кому это нужно» и блок вопросов-ответов. Из поиска человек попадает сразу на то, что искал — и чаще оставляет заявку.

Отдельная страница услуги на давинчи.online
Текстовый блок на странице услуги — кому подходит и что входит

Как устроены заявки

Внизу — одна и та же форма: телефон, описание задачи, можно приложить файлы. На первый заказ — скидка, чтобы проще было решиться. Кнопки «Прислать задачу» с любого экрана ведут сюда же, не нужно искать контакты по углам.

Форма заявки на сайте — телефон, задача и файлы

Клиент нажал «Отправить» — у меня в Telegram сообщение с номером и текстом. Отвечаю, уточняю детали, беру в работу. Если человек пришёл из рекламы Яндекса, я потом вижу, какое объявление сработало — чтобы не лить бюджет вслепую.

Что дальше

Эта статья — обзор «как это ощущается и зачем». Пошаговые скриншоты Reg.ru, Firebase, настройка формы, шаблоны страниц и типичные ошибки — собираю в курс, который скоро появится на этом же блоге. Там будет инструкция, которую можно повторить с нуля.

Коротко: домен → облачный хостинг → правки в Cursor → понятные блоки для клиента → заявки в Telegram. Не нужно быть программистом, нужно быть готовым довести сайт до «не стыдно показать заказчику».

Посмотреть результат

Это живой сайт, не макет — заходите, листайте, при желании отправьте тестовую задачу.