Портфолио и кейсы фрилансеров по вёрстке на HTML5

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

Цель проекта — превратить сайт из портфолио в полноценный инструмент привлечения и удержания клиентов с высоким чеком. Основная задача — автоматизировать первичную квалификацию заявок, сократить время согласования проектов и предоставить клиенту понятную смету еще до личной встречи, выводя бизнес в формат прозрачного и предсказуемого партнерства. Внедрён многоступенчатый бриф с ветвлением вопросов (тип участка, стиль, бюджет, наличие строений), который автоматически присваивает заявке тег сложности и приоритет. Настроена CRM-воронка с автоматическими триггерами: после заполнения брифа клиент получает чек-лист по подготовке участка и примеры реализованных проектов из его бюджета, что снижает нагрузку на менеджеров на 30%. Реализован личный кабинет заказчика с поэтапной приёмкой работ, фотофиксацией скрытых процессов (дренаж, подготовка грунта) и актами. Это исключает постпродажные споры, формирует базу для повторных продаж (сезонное обслуживание, досадка растений) и увеличивает LTV клиента в 2 раза за счёт автоматических напоминаний о необходимых агротехнических процедурах.

Сверстала компонент предварительного просмотра статьи с интерактивным меню «Поделиться». При клике на кнопку появляются ссылки на социальные сети (Facebook, Twitter, Pinterest). Меню адаптируется под мобильные устройства и десктоп.

Одна ссылка вместо бумажных приглашений и сообщений в чате: когда, где, как добраться, что надеть. Тайминг, карта, дресс-код картинками и анкета гостя. Ответы приходят в таблицу: кто идёт, с кем, что не ест. Все пять приглашений открываются по ссылкам: свадьба - https://web.prostotanches.com/wedding юбилей - https://web.prostotanches.com/jubilee вечеринка - https://web.prostotanches.com/party корпоратив - https://web.prostotanches.com/corporate афиша маркета - https://web.prostotanches.com/event Фото сгенерированы нейросетью, имена вымышленные.

Были добавлены калькуляторы, подключена Метрика, Google Analytics, добавлены фильтры для более удобного поиска подходящих продуктов, а так же разработан собственный стиль

Сверстала секцию с отзывами студентов онлайн-курса. Пять карточек с разными цветовыми схемами расположены в сложную сетку на десктопе и адаптированы под мобильные устройства.

Разработала адаптивную секцию с четырьмя карточками для демонстрации функций сервиса. Проект выполнен по макету из Figma (Frontend Mentor) и включает мобильную и десктопную версии.

Чистая ручная адаптивная верстка посадочной страницы на HTML5 и CSS3. Код валидный, аккуратный и полностью оптимизирован под любые устройства (ПК, планшеты, смартфоны)

Карточка товара для парфюма (CHANEL). Проект, который я делала в рамках челленджа на Frontend Mentor.

Адаптивная страница с профилем социальных ссылок, где пользователи могут найти все социальные сети в одном месте. Сайт полностью адаптирован для мобильных устройств и десктопов.