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

Одностраничный лендинг для строительной компании IBC Construction (услуга A01). Сделано: editorial-дизайн hero-секции, типографика Instrument Serif + Plus Jakarta Sans, плавающая навигация (nav-island), фоновое фото с grain-текстурой, блок статистики (320+ объектов, 3 года гарантии), CTA на заявку и калькулятор. Вёрстка: семантический HTML5, CSS custom properties, анимации reveal при скролле, оптимизация изображений (lazy load, webp/png). Стек: HTML, CSS, JS. Точка входа на проде — самодостаточный index.php с подстановкой токена и canonical.

Сверстал посадочную страницу сервисного центра

Задача клиента Подготовить аккуратную витрину косметики, где пользователь быстро считывает ассортимент и визуальную подачу бренда. Особенности проекта Интернет-магазин косметики · Product UI · Адаптивная витрина · Визуальная подача товаров Что было сделано Сверстали страницу интернет-магазина с фокусом на продуктовую витрину, визуальный ритм и адаптивную подачу. Результат Проект получил web-витрину для демонстрации косметики и дальнейшего развития товарных сценариев.

Верстка проекта и установка на WordPress https://antonkharitonov.pro/

GumpSpec — корпоративный сайт поставщика спецтехники из Китая Разработал сайт «под ключ» для компании, поставляющей спецтехнику из Китая напрямую с завода (эвакуаторы, краны-манипуляторы, автовышки, бортовые, рефрижераторы, тралы). Задача — представить каталог категорий и комплектаций, рассказать о схеме работы с заводом и собирать заявки клиентов. Что сделано: - Адаптивный лендинг с каталогом категорий, блоком комплектаций с ценами, слайдером техники и описанием этапов работы. - Раздел «Портфолио» с галереей выполненных поставок. - Форма заявки с выбором категории техники, бюджета и телефоном с выбором страны и строгой валидацией номера; заявка уходит в Telegram уже заполненной. - Закрытая админ-панель: добавление, редактирование и удаление работ с загрузкой и обработкой фотографий, авторизация по сессии. - SEO-оптимизация (мета-теги, Open Graph), изображения в WebP с предзагрузкой, кэширование статики — Lighthouse 100/100 по производительности. - Развёртывание на собственном сервере: настройка VPS, Nginx, автозапуск, подключение домена в зонах .ru и .рф, бесплатный SSL-сертификат с автопродлением. Стек и технологии: Node.js, Express, серверный рендеринг на EJS, SQLite, Multer + Sharp (загрузка и обработка изображений), express-session, compression. Фронтенд — нативные HTML/CSS/JavaScript без фреймворков (адаптивная вёрстка, доступность, focus-states). Деплой — Oracle Cloud VPS (Ubuntu), Nginx как reverse-proxy, systemd, Let's Encrypt (HTTPS), настройка DNS.

Верстка сайта для адвокатского бюро и натяжка на CMS WordPress на основе готового дизайна.

Верстка сайта с нуля а натяжка на WordPress