Примеры работ и кейсы по направлению «Верстка»

Многостраничный сайт личного бренда для бизнес-консультанта, созданный для того, чтобы превращать экспертность, кейсы и образовательный контент в доверие и квалифицированные клиентские заявки. Я разработал frontend с нуля, переведя дизайн-концепцию в проработанный, адаптивный сайт с единой визуальной системой и понятной структурой подачи контента. В результате получилась готовая для клиента платформа, которая уверенно представляет сложные консалтинговые услуги и делает ценность эксперта простой для понимания.

Разработал страницу коммерческого предложения для компании по монтажу систем водоснабжения и канализации. Задача: сделать КП в фирменном стиле сайта клиента, чтобы документ выглядел как продолжение бренда, а не отдельный файл. Взял структуру сайта, убрал лишние блоки, встроил сметную таблицу с расчётом монтажа, дополнительными материалами и итоговой суммой. Выдержал фирменную цветовую гамму - белый/серый с зелёным акцентом, скруглённые углы, типографика сайта. Результат - аккуратная страница расчёта стоимости монтажа, которую можно отправить клиенту как ссылку.

Сайт создан по уже существующему макету, это мой pet-проект. В нём присутствует адаптивность под разрешение экрана от 1024px (по ширине). Он свёрстан на чистом Javascript, HTML/CSS, также есть встроенная карта от Google. Секция с видео работает на JS и свёрстана полностью вручную.

Для данной работы работал как fullstack разработчки, так как проект очень сложный и в нем был необходим backend

Данная работа была в верстке с дизайн макета страницы сайта для ГазпромБанк'а.

Разрабатывал клиентскую часть B2B SaaS, интегрированного с экосистемой МойСклад: дашборды и отчёты по аналитике, визуализация метрик, работа с датами и фильтрами, выгрузка данных в Excel для бухгалтерии и категорийных менеджеров. Реализовал сценарии генерации описаний товаров с помощью ИИ по входному названию: формы ввода, состояния загрузки и ошибок, удобное повторное использование результатов. Стек: React 19, Vite, TypeScript, React Router 7, TanStack Query для кэширования и синхронизации с API, Axios, Tailwind CSS 4, компонентная графика (Recharts), анимации интерфейса (Framer Motion), календари и выбор периодов (react-day-picker, date-fns), иконки Lucide, debounce для поиска и полей ввода (use-debounce). Подключал React Query Devtools в разработке для отладки запросов. Уделил внимание предсказуемому UX при работе с сетью и длительными операциями (ИИ-генерация), единообразию UI и доступности типовых сценариев для пользователей МС.