Ещё проект
Заснята отработка всех элементов сайта - лендинга летнего лагеря Pride.
Дата загрузки: 2023-04-18 00:00:00 +0500
О клиенте:
Дмитрий
Задача:
Адаптивно сверстать лендинг по дизайн-макету Figma.
Что сделано:
Выполнена полностью адаптивная вёрстка лендинга, с учётом retina-дисплеев (высоких разрешений).
Инструменты:
- ХТМЛ
- ЦСС
- Джаваскрипт
- Гулп
- Сасс
Процесс
Вёрстка лендинга
Вёрстка сделана по методологии БЭМ, разметка сетки с помощью grid
Вёрстка кросс-браузерная — правильно работает во всех браузерах. Полностью адаптивная и валидная, с применением семантических тегов для обеспечения максимальной доступности сайта.
Проведена сео-оптимизация всех элементов лендинга. Сделана разметка Open Graph и частично Scheme.org
Интерактив
В процессе работы реализованы простые интерактивные элементы: формы заказа; постраничная навигация; кнопка возврата к верху страницы; кнопки; табы (вкладки) с информацией и кастомный скролбар.
Анимация
На сайте сделаны лёгкие, простые анимации — в основном срабатывающие по наведению на элементы — ссылки, кнопки, иконки.
Результат
- Посмотреть работу сайта: перейти
Затрачено времени:
3 дня
Бюджет проекта:
Конфиденциально