Кейс · образовательный портал · 2025

Сайт для онлайн-школы ведической астрологии: кейс Jyotish Academy

Для онлайн-школы Andreychikova Jyotish Academy мы с нуля сделали логотип, айдентику и образовательный портал: каталог курсов, страницы курсов и раздел со статьями.

6 недельот первого макета до запуска: дизайн 3 недели, вёрстка 3Логотип и айдентика с нуля, сайт на чистом коде

Макет первого экрана сайта Jyotish Academy на компьютере: меню с эмблемой солнца и месяца слева, золотые орбиты на звёздном небе
Макет первого экрана сайта Jyotish Academy на телефоне: эмблема, меню и кнопка «Записаться на консультацию»

Факты о проекте

Срок
6 недельдизайн 3 · вёрстка 3
Тип проекта
Образовательный портал, 2025
Ниша
Онлайн-школа ведической астрологии
Платформа
Чистый кодс нуля, без готового шаблона
Обсудить такой проект

Andreychikova Jyotish Academy — онлайн-школа ведической астрологии. Мы сделали для неё с нуля логотип, айдентику и образовательный портал. 2025 год, срок 6 недель, сайт написан на чистом коде.

Задача

Задача клиента

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

  • Придумать образ школы: логотип и фирменный стиль под тему космоса.
  • Сделать понятный каталог курсов, где легко выбрать программу и записаться.
  • Подробно показать курс: о чём он, цель, расписание, длительность, план обучения.
  • Дать раздел со статьями для тех, кто только знакомится с темой.
  • Чтобы выбирать курс и читать можно было и с телефона.
Решение

Что мы сделали

  1. Логотип и айдентика с нуляЭмблема школы, цвета, шрифты и фирменный узор. От них зависит вид каждой страницы.
  2. Аналитика и структура порталаПродумали разделы: главная, каталог курсов, страница курса, статьи, меню.
  3. Дизайн страницГлавная, каталог курсов, страница курса, список статей, страница статьи, меню, страницы ошибок 404 и 500.
  4. Адаптивные макетыОтдельные варианты на шесть ширин экрана: от компьютера до телефона.
  5. Вёрстка на чистом кодеБез готового шаблона и тяжёлого конструктора.
  6. Настройка обучающей платформыКаталог курсов, страницы курсов и раздел статей собраны в одну систему.
Стиль

Стиль: логотип, цвета, шрифты

Образ школы собран из солнца и месяца, золота на ночном небе и тонких орбит. Три цвета и два шрифта держат весь портал: тёмный фон, золотой акцент, пергаментный текст.

Фирменный узор сайта Jyotish Academy: золотые орбиты на тёмном звёздном небе
Логотип нарисован с нуля. Узор из орбит стоит на первом экране и украшает главную страницу портала.
  • #D4AF37Золото: акценты, кнопки, заголовки
  • #0F1020Ночной синий: фон страниц
  • #E2D9C2Пергамент: текст и светлые блоки
  • Cormorant Garamond
    Ведическая астрология

    Заголовки и акценты: ощущение древних рукописей.

  • Jost
    Каталог курсов, расписание, план обучения и статьи.

    Основной текст и интерфейс: современный и лёгкий для чтения на экране.

Макеты

Главная, каталог курсов, страница курса и статьи

Страницы мы нарисовали для компьютера и для телефона. На картинках макеты дизайна: названия и тексты в них условные.

На компьютере

Макет главной страницы сайта Jyotish Academy на компьютере: эмблема и меню слева, золотые орбиты на звёздном небе
Главная страница (макет)
Макет каталога курсов сайта Jyotish Academy на компьютере: переключатель категорий и карточки курсов с кнопками «Записаться» и «Подробнее»
Каталог курсов (макет)
Макет страницы курса «Планетный марафон» на компьютере: заголовок, число занятий, длительность и дата начала
Страница курса (макет)
Макет раздела «Статьи» на компьютере: фильтр по тегам и карточки статей с планетами
Список статей (макет)

На телефоне

  • Макет главной страницы сайта Jyotish Academy на телефоне: эмблема, меню, кнопка «Записаться на консультацию»
    Главная
  • Макет каталога курсов на телефоне: категории и карточка курса с кнопками «Записаться» и «Подробнее»
    Каталог курсов
  • Макет страницы курса «Планетный марафон» на телефоне: заголовок, число занятий, длительность
    Страница курса
  • Макет меню на телефоне: эмблема школы, пункты «Главная», «Курсы», «Статьи» и кнопка «Записаться на консультацию»
    Меню

Что получил клиент

Образ школы и готовый образовательный портал: от логотипа до страниц курсов и статей.

  • Сайт готов и запущенВсе страницы нарисованы и сверстаны, обучающая платформа настроена.
  • Логотип и айдентикаЭмблема, цвета и шрифты придуманы с нуля и держат портал в одном образе.
  • Понятный каталог курсовУ каждого курса дата начала и кнопки «Записаться» и «Подробнее»; страница курса рассказывает о программе.
  • Статьи и удобство на телефонеРаздел материалов для чтения; страницы подстроены под экран от компьютера до телефона.

Срок и этапы

6 недель от первого макета до запуска

  1. Дизайн · 3 неделиАналитика и структура портала, логотип и айдентика, макеты страниц для компьютера и телефона
  2. Вёрстка · 3 неделиВёрстка на чистом коде, настройка обучающей платформы

Комментарий студии

Для этой школы мы сделали не только сайт, но и образ: логотип и айдентика появились с нуля, а страницы построены в том же космическом стиле. Платформу сначала планировали делать на WordPress, но в итоге сайт написан на чистом коде, без готового шаблона. В основе структуры порядок: ученик идёт от каталога к нужному курсу и до кнопки «Записаться» без лишних шагов.

GreenOakвеб-студия

Заявка

Нужен сайт для онлайн-школы или обучающего проекта?
Обсудим ваш проект

Расскажите, чему вы учите и кто ваши ученики. Скажем, что можно сделать, за какой срок и сколько это стоит.

Срок
6 недель
Платформа
Чистый код
Состав
Логотип, айдентика, дизайн, вёрстка, обучающая платформа
Год
2025

Обсудить проект

Опишите проект в двух-трёх фразах. Ответим и предложим варианты.

СМОТРЕТЬ ДРУГИЕ РАБОТЫ

Разработка креативного лендинга — Кейс BatoMedia
Имиджевый лендинг с WebGL-эффектами

Разработка креативного лендинга — Кейс BatoMedia

ДизайнЛэндинг
Разработка интернет-магазина аксессуаров EM7 — Кейс GreenOak
Интернет-магазин аксессуаров для смартфонов

Разработка интернет-магазина аксессуаров EM7 — Кейс GreenOak

E-COMMERCEMobile First
Редизайн сайта строительной компании: кейс Pinewood Homes
Редизайн сайта строительной компании, 2024

Редизайн сайта строительной компании: кейс Pinewood Homes

Real EstateSMM
Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin
Редизайн сайта боулинг-парка, 2024

Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin

Mobile FirstSMM дизайн
Сайт автосервиса: кейс Gekata
Корпоративный сайт автосервиса по восстановлению дисков Gekata, 2023

Сайт автосервиса: кейс Gekata

АвтосервисАдаптивный дизайн
Сайт для команды бренд-шефов: кейс Chef Menu
Сайт для команды бренд-шефов

Сайт для команды бренд-шефов: кейс Chef Menu

Сайт для фотографа еды: кейс fotograf-food.ru
Сайт для фотографа еды

Сайт для фотографа еды: кейс fotograf-food.ru

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ
Корпоративный сайт производителя противопожарных конструкций ПСК ГОСТ: 65 страниц, 77 заявок за 8 месяцев, 2026

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ

Сайт студии оклейки авто: кейс Kitkar Pro
Корпоративный сайт студии оклейки автомобилей защитной плёнкой и винилом Kitkar Pro, 2026

Сайт студии оклейки авто: кейс Kitkar Pro

Автомобильная тематика
Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media
Сайт игровой платформы DaVinci Media для Counter-Strike 2 с личным кабинетом, турнирами и магазином, 2026

Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning
Редизайн сайта центра дооснащения автомобилей XT-Tuning в Москве: новый дизайн, 70 страниц услуг и разделов, блог и новости

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning

Автомобильная тематика
Лендинг для мотошколы: кейс Unique Racing Team 96
Лендинг для мотошколы и команды Unique Racing Team 96

Лендинг для мотошколы: кейс Unique Racing Team 96

Лендинг для студии массажа: кейс «Песочные часы»
Лендинг для студии массажа «Песочные часы», 2026

Лендинг для студии массажа: кейс «Песочные часы»

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ
Лендинг для службы эвакуации автомобилей ТЕХЭКСПЕРТ в Самаре, 2026

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ

Автомобильная тематика
Интернет-магазин защитных плёнок: кейс MARPREMIER
Интернет-магазин антигравийных полиуретановых защитных плёнок для автомобилей MARPREMIER, 2026

Интернет-магазин защитных плёнок: кейс MARPREMIER

Автомобильная тематикаИнтернет-магазин
Интернет-магазин игровых ключей: кейс Orion
Интернет-магазин игровых ключей с автовыдачей

Интернет-магазин игровых ключей: кейс Orion

APIAutomation
Корпоративный сайт для автосервиса: кейс СТОКТ
Корпоративный сайт для ремонта коммерческого транспорта, 2025

Корпоративный сайт для автосервиса: кейс СТОКТ

AutoCatalog
Сайт центра дооснащения авто: кейс XT-Tuning
Корпоративный сайт центра дооснащения автомобилей XT-Tuning в Москве, 2023

Сайт центра дооснащения авто: кейс XT-Tuning

АвтобизнесВеб-дизайн
Корпоративный сайт швейной фабрики: кейс 4Look
Корпоративный сайт швейной фабрики, 2022

Корпоративный сайт швейной фабрики: кейс 4Look

B2BКаталог продукции
Редизайн интернет-магазина цветов: кейс Бирюза
Редизайн интернет-магазина цветов, 2023

Редизайн интернет-магазина цветов: кейс Бирюза

E-COMMERCEMobile First
Сайт студии эстетики: кейс Beauty Grace
Корпоративный сайт студии красоты и эстетики Beauty Grace, 2024

Сайт студии эстетики: кейс Beauty Grace

Адаптивная вёрсткаВеб-дизайн
Сайт компании по разметке данных: кейс СБиР
Корпоративный сайт компании по сбору и разметке данных СБиР, 2026

Сайт компании по разметке данных: кейс СБиР

Корпоративный сайтРазметка данных
Сайт производителя кованых дисков: кейс Buffalo
Сайт производителя кованых дисков, 2023

Сайт производителя кованых дисков: кейс Buffalo

Автомобильная тематикаДизайн интерфейсов
Сайт компании по ОДД: кейс ИнтелТранс
Корпоративный сайт ИнтелТранс, компании по организации дорожного движения (ОДД), 2023

Сайт компании по ОДД: кейс ИнтелТранс

B2GОДД
Лендинг для франшизы общепита: кейс РашЛаваш
Лендинг для франшизы общепита, 2023

Лендинг для франшизы общепита: кейс РашЛаваш

E-COMMERCEPROMO
Сайт загородного клуба с инвестиционными коттеджами: кейс
Корпоративный сайт загородного клуба с инвестиционными коттеджами, 2023

Сайт загородного клуба с инвестиционными коттеджами: кейс

Загородный клубКорпоративный сайт
Сайт для фитнес-студии: кейс Best Life Studio
Сайт для фитнес-студии, 2023

Сайт для фитнес-студии: кейс Best Life Studio

BeautyBrutalism
Лендинг для бренда чая: кейс Funny Faces
Лендинг для бренда чая, 2022

Лендинг для бренда чая: кейс Funny Faces

CREATIVEE-COMMERCE
Разработка аналитической платформы для строительства — Bimograph
Аналитика строительства

Разработка аналитической платформы для строительства — Bimograph

B2BBig Data
Сайт капсульного отеля: кейс PodSpot
Лендинг для капсульного отеля PodSpot, 2024

Сайт капсульного отеля: кейс PodSpot

Адаптивный дизайнГостиничный бизнес

Понравился проект? Хочу такой же сайт: условия и цены · Другие примеры работ