Сайт на Tilda для Ляйсан Утяшевой

Легкий + светлый + яркие акценты + крутой шрифт + понятная структура

Проект посвящён онлайн-курсу "Искусство здорового тела", на котором Ляйсан вместе с экспертами помогает заложить фундамент знаний, как улучшить тело и убрать проблемы, связанные с опорно-двигательным аппаратом

01

02

Т.к. клиент пришел с уже готовым прототипом сайта, работу мы начали с проработки визуальной коммуникации

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

Следующий этап - разработка дизайн-концепций. Мы разработали несколько вариантов дизайна для главного экрана и в каждом расписали свои преимущества и недостатки.

Клиент выбрал 1 вариант

03

Перешли к дизайну основной страницы сайта

Вариант сочетает в себе практически все пожелания: яркие акценты, необычные формы, вмешает большое количество контента, но выглядит легким и понятным.

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

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

В этом дизайне за основу мы взяли восходящие наклонные линии. Акцентным цветом оставили привычный для аудитории красный, а желтый его сглаживает.

Дизайн выглядит одновременно веселым и строгим за счет сочетания шрифта, цвета, форм и фотографии. Используем желтую линию-ленту, как связь с Ляйсан

Легкий и светлый вариант. Делаем более явный переход к другой цветовой гамме, но оставляем небольшие красные акценты, чтобы переход был более плавным.

“Здорового” выделяем цветом и наклоном шрифта, чтобы подчеркнуть важность слова в названии. Размещение текста по линии трендовый прием

В этом варианте мы больше отталкивались от слова “искусство” в названии курса. Сделали дизайн более изящным за счет шрифта.

Оставляем красный, как якорь к старому стилю, но используем больше новые цвета.

Черный прямоугольник слева поддерживает строгость черно-белой фотографии, а выделение линии и желтая линия добавляет игривости и трендовости дизайну.

Вариант 2

Вариант 3

Вариант 4

Перед нами стояла задача в короткие сроки сделать интересный, яркий и современный дизайн. И мы с этой задачей справились. Благодарим команду Ляйсан за доверие к нашей студии :)

04

Далее мы утвердили дизайн, установили его на Tilda, настроили анимацию и адаптировали под мобильные устройства

у нас занял весь процесс создания сайта и установки его на Tilda

12 дней

Наша задача

Разработать дизайн одностраничного сайта и установить его на Tilda. В дизайне учесть пожелания клиента: “Баланс свежего и модного, но в то же время проверенного временем и не замудреного”

1 страница на Tilda

с контентом и анимацией