Пиксель-в-пиксель
Собрал вёрстку по макету заказчика без компромиссов: пропорции, шрифтовые пары, отступы и линии совпадают с оригиналом. Центр проверял результат построчно.
Корпоративный сайт · Концепт 2017
Сайт, который показывает, а не рассказывает.
- Направление
- Лазерная гравировка и полиграфия
- Условный срок
- 3 недели
- Работа
- Точная вёрстка, анимация заголовков, адаптив
- Статус
- Работающий проект
- Сайт
- Перейти
01 / Задача
Дизайн уже был. Нужна была точность.
Центр сам разработал макет — профессиональный, плотный, с акцентом на визуал. Моя задача была сделать так, чтобы сайт в браузере выглядел ровно так же, как в макете.
Гравировка, печати, штампы и сувенирка — это про детали. Здесь важны пропорции, шрифты, отступы, ритм. Проект делался в 2017 году, когда CSS-анимации уже стали мейнстримом, но ещё требовали аккуратного подхода для кроссбраузерной совместимости. Плюс всё это должно было работать на мобильных, не ломаясь.
02 / Решение
Точность и оживление.
Анимация заголовков
Заголовки оживают при прокрутке — лёгкое движение, отсылающее к лазерной гравировке. В 2017-м это выглядело свежо и не требовало тяжёлых JS-библиотек.
Адаптив под мобильные
Сайт работает на телефонах и планшетах: сетки перестраиваются, изображения оптимизируются, ничего не разъезжается.
03 / Результат концепции
Сайт, который до сих пор работает.
Проект сделан в 2017 году и до сих пор в строю — значит, вёрстка и код оказались достаточно аккуратными, чтобы не разваливаться со временем.
- Точная вёрстка по макету заказчика
- Анимация заголовков при прокрутке
- Адаптив под мобильные и планшеты
- Сайт работает с 2017 года без переделок
Обсудим вашу задачу?
Начнём с короткого разговора. Разберёмся, что важно, и наметим следующий шаг.