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

Этот проект содержит веб-сайт NFT-Marketplace, созданный на основе общедоступного макета дизайна. Макет был чисто визуальным, без функциональности, поэтому все функции были реализованы с нуля. Технический стек: HTML/CSS/JS + React + React Router + TypeScript. Особенности: Добавление вашего собственного NFT Собственная страница NFT для каждого NFT на веб-сайте

Этот проект представляет собой лендинг моего личного портфолио, созданный на основе дизайна Figma, который я создал сам. Основная идея заключалась в том, чтобы все было чисто и минималистично, но при этом сохранить прочную структуру и добавить несколько плавных взаимодействий с пользовательским интерфейсом. Набор технологий: HTML / CSS / JS + React + SCSS + TypeScript Этот проект был создан в качестве практической части, чтобы улучшить мои навыки разработки целевой страницы.

Сайт управляющей компании. Адаптивная верстка

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

LR — адаптивный лендинг, разработанный для отработки навыков современной верстки без использования CSS-фреймворков. Проект реализован по макету с применением HTML5, SCSS и JavaScript. Основной акцент сделан на чистой архитектуре кода, семантической разметке и соблюдении методологии БЭМ. Выполнена адаптация под мобильные устройства, планшеты и десктопы с сохранением корректного отображения всех элементов интерфейса. В ходе работы реализованы: • Семантическая HTML-разметка; • Адаптивная и кроссбраузерная верстка; • Организация стилей на SCSS; • Интерактивные элементы на JavaScript; • Структурирование проекта по методологии БЭМ; • Чистый код без использования CSS-фреймворков. Технологии: HTML5, SCSS, JavaScript, БЭМ.

Panto — адаптивная верстка интернет-магазина мебели. Выполнил верстку проекта по макету Figma с использованием HTML5, SCSS и JavaScript. Реализовал адаптивный интерфейс для мобильных устройств, планшетов и десктопов, обеспечил кроссбраузерную совместимость и соответствие дизайну. Основное внимание уделено качеству кода, скорости загрузки страниц и удобству взаимодействия пользователя с каталогом и контентом сайта. Для организации структуры проекта использована методология БЭМ.

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

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

Сверстан одностраничный сайт с акцентом на визуальный стиль, карточки товаров и отзывы. Стек: HTML5, CSS3 (Flex/Grid), медиазапросы. Особенности: Pixel Perfect соответствие макету, полностью адаптивный дизайн, оптимизированная графика.

Пример верстки адаптивного одностраничного сайта для компании, предоставляющей услуги в области IT-консалтинга, тестирования и управления проектами. Решение и технологии: - Использована семантическая верстка для лучшей индексации поисковыми системами и доступности. - Применены Flexbox и Grid Layout для создания гибкой и устойчивой сетки карточек услуг и преимуществ. - Адаптивная верстка реализована с помощью медиазапросов. Сайт корректно отображается на всех устройствах: от широкоформатных мониторов (1920px) до мобильных телефонов (320px). Результат: Готовый, чистый, валидный HTML/CSS код. Сайт визуально точно соответствует макету (Pixel Perfect), быстро загружается и стабильно работает во всех популярных браузерах (Chrome, Firefox, Safari, Edge).