08 / ОБРАЗОВАНИЕ · UX/UI · FIGMA

свет°Учиться видеть.

Сайт онлайн-школы фотографии. От интереса к первому кадру до выбора программы и формата обучения.

Авторский концепт / 2026Посмотреть макеты в Figma →
Первый экран сайта СВЕТ: типографика и архитектурная фотография

01 / ЗАДАЧА

Выбрать курс, а не потеряться в обещаниях.

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

Моя работа
Структура, UX, визуальный стиль, макеты
Состав
Главная, страница курса, мобильная главная
Система
Auto Layout, цветовые переменные, состояния кнопки

02 / ЛОГИКА ВЫБОРА

01

Сначала интерес и уровень

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

02

Затем содержание

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

03

Понятный следующий шаг

Сравнить два тарифа или обратиться за помощью. Оба сценария остаются доступными и на телефоне.

03 / ГЛАВНАЯ

Фотография говорит первой.

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

Полный макет главной страницы, 1440 пикселей
Мобильная версия главной: одна колонка и крупные кнопки

390 px / отдельный мобильный макет

04 / СТРАНИЦА КУРСА

Что внутри. Сколько стоит. Как начать.

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

Открыть редактируемый файл →
Макет страницы курса с программой, тарифами и FAQ