Дизайн сайта для курса TanyaChange

Задача

Ко мне обратился Роман с задачей разработки лендинга и сбора фирменного стиля. Он сам создал дизайн текущего лендинга, но для нового лендинга захотел привлечь профессионала.

Ему также не нравилось, что инстаграм, геткурс и лендинг в разных стилях.

Нужно было сделать лёгкий и современный дизайн для женщин 35−50 лет. Не перегруженный, но эстетичный

Текущий дизайн лендинга

Дизайн сайта для курса TanyaChange 1

Решение

Разработали прототип и дизайн лендинга на 15 секций. Определились с цветами и элементами для фирменного стиля.

Дизайн

Компьютер

Дизайн сайта для курса TanyaChange 2

Мобильный

Дизайн сайта для курса TanyaChange 3

Модальные окна

Дизайн сайта для курса TanyaChange 4

Дизайн сайта для курса по вёрстке

Задача

Ко мне обратилась компания MethEd. Им нужно было создать дизайн лендинга для курса по вёрстке. Они запускали первый поток через несколько недель.

Нужно создать лёгкий и простой дизайн. Клиент не хотел следить за мной и контроллировать процесс. Договорились о фидбеке клиента на контрольных точках: пк-версия и мобильная-версия.

Решение

В сжатые сроки разработал дизайн лендинга в 2 разрешениях: пк и мобильный. Разработал UI-кит, дизайн модальных окон. Клиент остался доволен и планирует продложать работу над расширением объёма и функциональности сайта.

Итоговый дизайн

Пк-версия

Дизайн сайта для курса по вёрстке 5

Мобильная версия

Дизайн сайта для курса по вёрстке 6

Модальное окно

Дизайн сайта для курса по вёрстке 7

UI-кит

Дизайн сайта для курса по вёрстке 8

Отзыв

Аудио отзыв Максима Лескина, спикера курса.

Ссылка на сайт

https://methed.ru/

Дизайн лендинга для онлайн-курса «Свет по Баеву»

Задача

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

Решение

Разработал дизайн лендинга в 3 разрешениях: компьютер, планшет, мобильный. Клиент остался доволен креативностью и стилем лендинга.

Дизайн лендинга для онлайн-курса «Свет по Баеву» 9
Дизайн лендинга для онлайн-курса «Свет по Баеву» 10

Ссылка на сайт

https://baev.willteach.ru/

Дизайн лендинга регистрации на онлайн-курс

Дизайн лендинга регистрации на онлайн-курс 11

Задача

В сжатые сроки разработать дизайн лендинга для вебинара «Не как у всех: сложный свет для фотографов» по готовой структуре и текстам. Нужен был современный и креативный дизайн.

Решение

Разработал дизайн лендинга в 3 разрешениях. Уложился в сжатые сроки. Клиент остался доволен креативностью и стилем лендинга.

Дизайн для десктопной версии

Дизайн лендинга регистрации на онлайн-курс 12

Дизайн планшетной и мобильной версии

Дизайн лендинга регистрации на онлайн-курс 13

Дизайн личного кабинета для онлайн-курса

Дизайн личного кабинета для онлайн-курса 14

Задача

Cтудия Солнышко 123 обратилась с задачей редизайна текущего личного кабинета для курса по фотографии.

Старый кабинет

Дизайн личного кабинета для онлайн-курса 15
Старый дизайн личного кабинета

Дизайн

Дизайн личного кабинета для онлайн-курса 16
Дизайн личного кабинета для онлайн-курса 17

Список уроков и эфиров разработан так, чтобы ученик мог быстро ориентироваться среди них.

Дизайн личного кабинета для онлайн-курса 18

Состояния показывают, какие уроки и эфиры заблокированы, когда откроются и какие можно купить.

Дизайн личного кабинета для онлайн-курса 19

При клике на урок открывается панель с прогрессом и подстраницами.

С его помощью удобно смотреть что осталось сделать для завершения урока.

Дизайн личного кабинета для онлайн-курса 20

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

Дизайн личного кабинета для онлайн-курса 21

Мобильная версия

Поработали над удобством в мобильной версии, чтобы было удобно учиться не только с компьютера, но и с телефона.

Дизайн личного кабинета для онлайн-курса 22