Оставьте свой номер и мы перезвоним Вам в течение нескольких минут
Click to order
Cart
Оформим заказ?
Total: 
Заполните форму ниже, чтобы мы отправили Ваш заказ точно по адресу
Имя
Фамилия
Email-адрес
Телефон
Страна доставки и подарочная упаковка
Выберите размер кольца (для колец)
Выберите размер второго кольца кольца (для парных колец)
Населенный пункт
Почтовый индекс
Улица, Дом, Квартира
Комментарий к заказу
Ваши персональные данные не будут переданы третьим лицам
Идеальные сочетания технологий и искусства.
Для идеального пользовательского опыта
Совмещение современных дизайн-тенденций и архаичного стиля ниши украшений. Интерфейс хэндмейд-проекта, который выглядит дорого, даже в сравнении с ведущими мировыми брендами
Совершенно новый взгляд на привычные вещи. Дизайн-система для сайта cherdak-create.ru
Типографика
Акцидентный заголовочный шрифт - Georgia. Начертание Light. Обладает засечками и выглядит дорого, тонко и архаично - то, что нужно для ниши
А качестве базового шрифта был подобран ProximaNova - он не имеет засечек, обладает оптимальным межбуквенным интервалом и хорошо читается, а также качественно отрисовывается на большинстве мониторов. Начертание Regular

В качестве дополнительного используется этот же шрифт, однако цвет приглушен для контраста с базовым - #737373
При разработке цветовой палитры сайта упор был сделан на цветовую группу Pantone, которая может наиболее оптимально выразить минималистичный стиль, не лишив вкуса.

Работая с активными элементами (кнопками, заголовками с призывами к действию) важно создавать контраст с окружающей средой, позволяя обращать внимание пользователя на эти элементы. Для подобной роли подходят активные цвета.
Минимализм во всем,
где это нужно

Наш акцидентный цвет был подобран на основании палитры, отражающей суть ниши крафта. Он не режет глаз, органично вписывается в цвета сайта, универсален, а также выполняет свою функцию - привлекает внимание на фоне легких пастельных тонов сайта.

Данный цвет сочетает в себе насыщенность древесных и кофейных оттенков, а также легкость пастельных тонов
Акцидентный цвет
#e0af70
В качестве базового цвета используется белый - это фоновый цвет. Он создает эффект визуального увеличения пространства, активно используется для этих целей при разработке сервисов Google, Apple и др. компаний, задающих каноны развития веб-дизайна и пользовательских интерфейсов.

Для работы с карточками товара, а также выделения некоторых блоков, создания "визуального ритма" - выбран оттенок #f0f0f0 серого цвета
Дополнительный цвет
#f0f0f0
При разработке кнопок был использован акцидентный цвет. Кнопки имеют 2 состояния: "покой" (стандартное состояние кнопки) и "активный" (при наведении курсора мыши). Для перехода из одного состояния в другое было реализовано 2 анимации микровзаимодействия - теневая и цветовая. При наведении курсора на кнопку, она осветляется на несколько тонов (до #f4ca95), а также выделяется тенью размером в 20 пикселей и прозрачностью 20%, приподнимая кнопку над остальными слоями сайта.

Подобные микроанимации необходимы для создания сайта, отзывающегося на действия пользователя (в отличие от "газетных" неподвижных сайтов), дающего обратную связь и побуждающего к использованию активных элементов ("ага, кнопка изменила состояние при наведении курсора, видимо кликабельна, нажму").

Форма кнопок остроугольная с минимальным сглаживанием углов в 1 пиксель, в соответствии с выдержанным стилем сайта
В качестве дополнительных кнопок было разработано еще 4 варианта кнопок, ведущих себя аналогичным образом. Их можно использовать в случаях, когда фоновое изображение ярче акцидентной кнопки. Для решения подобных проблем создается контраст за счет использования черных и белых цветов.
Пример реализации
В качестве примера использования активных элементов был разработан прототип галереи из 3-х товаров.

Как мы видим, кнопки привлекаю внимание именно тогда, когда необходимо, не отвлекая от изображения - главного продающего элемента подобных сайтов
Парные туманности Ориона
Цена: 2990 руб.
Черное золото
Цена: 2990 руб.
Изумруд
Цена: 2990 руб.
Made on
Tilda