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

Сайт является прототипом и разработан исключительно для портфолио

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

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

Полная вёрстка главной страницы сайта IKEA с нуля на HTML5/CSS3/JS — учебный проект для отработки адаптивной вёрстки сложных многосекционных страниц: hero-блок, видео-секции, сетки карточек товаров с оверлеями, кастомные SVG-иконки, футер. Полностью адаптивна под мобильные экраны. Код: https://github.com/geregor/IKEA_Site Дизайн-макет не мой — использован сайт IKEA как референс для практики вёрстки, вся разметка и код написаны самостоятельно.