Обложка: название, ссылка, список работ, награда.
О проекте
Nyre - это творческое объединение небольших и очень уютных брендов. Авторы которых делают упор на минимализме и натуральности своих коллекций: используют дерево, шпагат и натуральную грубую лепку.
Задача
Нужно было сделать главную страницу интернет-магазина в минималистичном стиле, но сделать ее при этом не скучной и выделяющейся. Верстка должна быть сделана на тильде (вы уже почувствовали ветер моих мучений? :D)
Дизайн-идея
Я начала с прототипа, чтобы понять какую композицию хочу использовать в проекте и наметить детали. Так, я поняла, что одной из фишек бренда может стать текст, написанный в заголовках и меню без заглавных букв как отсылка к тому, что все бренды и продукты в магазине равны.
Композиция
Основная идея композиции заключалась в том, что разные категории товаров имеют разный вес на странице, а также сильно отличаются по количеству представленных на сайте позиций.
Новинки: самый воздушный раздел, в котором надо крупно показать новые товары. Вся продукция в магазине производится вручную, поэтому этот раздел будет редко пополняться, но важно показать эти продукты наиболее ярко.
Посуда: разной посуды в магазине больше всего, поэтому к композиции новинок добавилась еще одна карточка с товаром, а также еще один ряд.
Свет: этот раздел пополняется реже всего, поэтому композиция воздушная и больше похожа на раздел новинок
В изначальном варианте был раздел с авторами, от которого решили отказаться.
Цвета, типографика, сетка
В изначальном варианте я выбрала шрифт Graphik в Black начертании, который после был заменен на Inter в начертании Bold и акцентный Jet Brains Mono. У проекта простая сетка из 10 колонок, чтобы в ряду получилось расположить пять элементов.
Я сделала несколько вариантов цветовых сочетаний, но был выбран в итоге белый макет.
Верстка
Сложность проекта заключалась в том, что весь сайт должен быть реализован в стандартных блоках для удобства редактирования. Это был настоящий вызов потому я просто хочу показать до/после.
Если понравилась моя работа и ты уже готов со мной работать - нажми на кнопку ниже.