MOX Creative Studio
Для просмотра нажмите на кнопку ниже
- MOX Creative StudioМы разрабатываем комплексный брендинг, айдентику, веб-сайты и мобильные приложения. Мы активно развиваемся и продуктивно работаем с классными компаниями от стартапов до крупных брендов с историей.
- Техническое заданиеРазработать в рамках тестового задания дизайн лендинга и сверстать его на Tilda в разрешении 1920х1080.
- Срок выполнения: 7 дней.
- Выбрать один из трёх предложенных брендов.
- Современный, релевантный дизайн.
- Уникальные, креативные решения.
- Три экрана.
- Контент: логотип, текст и графика на ваше усмотрение.
- Три экрана для десктопа.
- Меню, ховеры, анимации, zero block обязательны.
- Кликабельные элементы должны работать.
- Кастомный код — плюс.
- Выбор темыТак как дано было три темы на выбор, я выбрала самую небанальную — мемориальный сайт.
Исследование
Изучение ТЗ
Заказчик описал четкое техническое задание, прочитав его и проанализировав, я приступила к прототипированию в Figma.
Создание дизайна
Начала разрабатывать дизайн для лендинга. Разработала стили цветов и типографики, реализовала базовую анимацию состояний для элементов.
Верстка сайта
Далее по дизайну из Figma начала разработку сайта. Использовала один встроенный блок (шапка), остальные блоки создавались в Zero. Использовала классы CSS и писала стили для элементов в HTML для анимации кнопок. Использовала также базовую анимацию в блоках.
Адаптивность
Помимо необходимой версии 1920х1080, я адаптировала сайт также еще под 5 брейкпоинтов.
Итог
Время, потраченное на разработку - 3 дня. Был реализован удобный и понятный дизайн и сайт, который раскрывает бизнес!
Галерея
Здесь представлены скрины из Figma
