Срок разработки:
Что входило в мою работу:
Объем:
Год:
Верстка на Тильде
30 дней
5 страниц
2026
Тип сайта:
многостраничный
Многостраничный сайт
для образовательной платформы //
для образовательной платформы //
Дизайн всего сайта
Редактирование и написание текстов для сайта
Создание структуры сайта
Если сайт не открывается, то вероятнее всего клиент не оплатил подписку на Tilda, или снял сайт с пубикации 😣. В таком случае вам остается ознакомится с кейсом самостоятельно 🥺↓
Если сайт не открывается, то вероятнее всего клиент не оплатил подписку на Tilda, или снял сайт с пубикации 😣. В таком случае вам остается ознакомится с кейсом самостоятельно 🥺↓
!!
Задачи проекта:
1// Разработать многостраничный сайт, который полностью закрывает путь пользователя: от первого знакомства с платформой до покупки курса.
2// Продумать структуру, которая логично ведет по страницам, отвечает на ключевые вопросы и мягко прогревает к выбору и оплате программы.
3// Написать недостающие тексты и отредактировать уже существующие, сохранив живой тон и манеру речи автора.
4// Заложить масштабируемую структуру: сделать так, чтобы новые курсы можно было легко добавлять и редактировать без участия дизайнера.
5// Передать атмосферу бренда через визуал — тему космоса, исследования и роста через обучение.
2// Продумать структуру, которая логично ведет по страницам, отвечает на ключевые вопросы и мягко прогревает к выбору и оплате программы.
3// Написать недостающие тексты и отредактировать уже существующие, сохранив живой тон и манеру речи автора.
4// Заложить масштабируемую структуру: сделать так, чтобы новые курсы можно было легко добавлять и редактировать без участия дизайнера.
5// Передать атмосферу бренда через визуал — тему космоса, исследования и роста через обучение.
О проекте:
Разработка многостраничного сайта для образовательной платформы Sputnik Academy — онлайн‑школы с курсами по программированию.
Клиент пришел на стадии запуска проекта: курсы только формировались, не было ни визуального контента, ни большинства текстов, ни четкой структуры будущего сайта.
Сайт создавался «с нуля»: от структуры и текстов до дизайн‑концепции, генерации иллюстраций и верстки на Tilda.
Клиент пришел на стадии запуска проекта: курсы только формировались, не было ни визуального контента, ни большинства текстов, ни четкой структуры будущего сайта.
Сайт создавался «с нуля»: от структуры и текстов до дизайн‑концепции, генерации иллюстраций и верстки на Tilda.
Что входило в мою работу:
1// Структура и прототипирование
Всего на сайте предусмотрено 4 внутренних страницы:
3 страницы курсов по программированию с единой логикой и структурой, но уникальными текстами под каждое направление.
1 страница курса по английскому языку — сюда была интегрирована уже готовая структура и текст клиента, адаптированные под общую стилистику сайта.
3 страницы курсов по программированию с единой логикой и структурой, но уникальными текстами под каждое направление.
1 страница курса по английскому языку — сюда была интегрирована уже готовая структура и текст клиента, адаптированные под общую стилистику сайта.
Я проанализировала нишу и конкурентов клиента, на основе чего спроектировала структуру многостраничного сайта.
На главной расположены 9 ключевых блоков — от первого экрана с оффером до каталога курсов и блока с ответами на частые вопросы.
Последовательность блоков выстроена так, чтобы постепенно знакомить пользователя с платформой, закрывать возражения и подводить к записке на курс.
На главной также размещен каталог курсов, который клиент в дальнейшем может самостоятельно дополнять и редактировать.
На главной расположены 9 ключевых блоков — от первого экрана с оффером до каталога курсов и блока с ответами на частые вопросы.
Последовательность блоков выстроена так, чтобы постепенно знакомить пользователя с платформой, закрывать возражения и подводить к записке на курс.
На главной также размещен каталог курсов, который клиент в дальнейшем может самостоятельно дополнять и редактировать.
2// Написание текстов
Из пяти страниц полностью готовый текст был только у одной, поэтому я взяла на себя задачу контент‑наполнения.
Для каждой страницы и блока я подготовила подробный бриф с вопросами, чтобы «вытащить» из клиента экспертизу и нюансы курсов (цели, формат, результаты, кому подходит и т.д.).
После анализа ответов я написала тексты для сайта, сохранив стиль общения автора, его лексику и подачу — так, чтобы сайт звучал как сам основатель школы, а не обезличенный шаблон.
Готовые тексты легли в основу прототипов и дальнейшего дизайна.
Для каждой страницы и блока я подготовила подробный бриф с вопросами, чтобы «вытащить» из клиента экспертизу и нюансы курсов (цели, формат, результаты, кому подходит и т.д.).
После анализа ответов я написала тексты для сайта, сохранив стиль общения автора, его лексику и подачу — так, чтобы сайт звучал как сам основатель школы, а не обезличенный шаблон.
Готовые тексты легли в основу прототипов и дальнейшего дизайна.
4// Генерация иллюстраций
3// Дизайн-концепции
Клиент изначально пришел без медиа‑контента, поэтому отдельной задачей стала визуализация космической темы через иллюстрации.
Я сгенерировала соответсвующие изображения: спутник, луну и планеты.
Иллюстрации используются на главной и внутренних страницах, создавая ощущение единой вселенной Sputnik Academy и делая сайт более живым и запоминающимся.
Я сгенерировала соответсвующие изображения: спутник, луну и планеты.
Иллюстрации используются на главной и внутренних страницах, создавая ощущение единой вселенной Sputnik Academy и делая сайт более живым и запоминающимся.
На основе утвержденного мудборда я разработала три дизайн‑концепции главной страницы с разным уровнем акцента на иллюстрациях, цвете и графике.
Клиент выбрал первую концепцию — с фокусом на космических иллюстрациях и структурной подаче информации. После согласования я перешла к полному дизайну всех страниц, опираясь на выбранное направление.
Клиент выбрал первую концепцию — с фокусом на космических иллюстрациях и структурной подаче информации. После согласования я перешла к полному дизайну всех страниц, опираясь на выбранное направление.
6// Дизайн главной страницы
8// Верстка на Tilda
Финальный этап — верстка всего проекта на Tilda.
Сайт полностью собран на zero‑блоках с использованием дополнительных стилей и модификаций через код, что позволило реализовать нестандартные решения по сетке и анимациям.
Страницы адаптированы под разные устройства, а структура каталога курсов продумана так, чтобы клиент мог самостоятельно добавлять новые программы без риска «сломать» дизайн.
Сайт полностью собран на zero‑блоках с использованием дополнительных стилей и модификаций через код, что позволило реализовать нестандартные решения по сетке и анимациям.
Страницы адаптированы под разные устройства, а структура каталога курсов продумана так, чтобы клиент мог самостоятельно добавлять новые программы без риска «сломать» дизайн.
7// Внутренние страницы
Внутренние страницы курсов выполнены в общей стилистике, но у каждого направления есть свой визуальный акцент: отдельная «планета» и цветовая доминанта.
Это помогает пользователю быстрее ориентироваться в курсах и запоминать каждый из них как отдельный продукт внутри одной экосистемы.
Структура внутренних страниц повторяется: кто курсору подходит, что будет на программе, формат, результаты, стоимость и CTA — это облегчает восприятие и снижает когнитивную нагрузку.
Это помогает пользователю быстрее ориентироваться в курсах и запоминать каждый из них как отдельный продукт внутри одной экосистемы.
Структура внутренних страниц повторяется: кто курсору подходит, что будет на программе, формат, результаты, стоимость и CTA — это облегчает восприятие и снижает когнитивную нагрузку.
В визуале главной страницы я объединила все принятые решения: структуру, тексты, космический стиль.
Главный экран сразу отвечает на вопросы: «кто вы», «чему учите» и «что получит студент», а ниже пользователь последовательно знакомится с форматами обучения, преимуществами школы, программами курсов и часто задаваемыми вопросами.
Клиент утвердил дизайн после одного небольшого круга правок.
Главный экран сразу отвечает на вопросы: «кто вы», «чему учите» и «что получит студент», а ниже пользователь последовательно знакомится с форматами обучения, преимуществами школы, программами курсов и часто задаваемыми вопросами.
Клиент утвердил дизайн после одного небольшого круга правок.
На экране вы видите пример анализа одного конкурента.
2025
*Социальная сеть Instagram запрещена на территории РФ
