Кейс Детский сад Монтессори Токио, Япония 2021

Сайт для детского сада First Steps Montessori

Англоязычный детский сад и школа Монтессори в Токио. Тёплый «домашний» дизайн, живые фотографии детей вместо стоковых, понятные программы, расписание и цены в иенах. UX, дизайн, вёрстка и сборка на WordPress.

Первый экран сайта детского сада First Steps Montessori на компьютере
Мобильная версия сайта детского сада First Steps Montessori
Клиент
First Steps Montessori English School
Сфера
Детский сад и школа Монтессори
География
Токио, Япония
Год
2021
Что сделали
UX, дизайн, вёрстка, WordPress

Потрогайте сайт вживую

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

firststepsmontessoritsukuba.com

Колесо или тачпад — прокрутка внутри окнаКнопки выше — вид на разных экранахВкладки — главная, программа, педагог, событияВерсия 2021 года; формы и смена языка в демо отключены

Тёплый сайт-дом, куда хочется привести ребёнка

First Steps — англоязычный детский сад Монтессори в Токио. Программа по методике North American Montessori Center, дети от года до начальной школы, группы до 15 человек. Сайт читают и японские, и иностранные семьи, поэтому он на двух языках. Задача — с первого экрана передать атмосферу школы и привести родителей на бесплатную экскурсию.

  1. 01Первый экран-коллажЖивые фото детей в мягких формах, кнопка «Бесплатная экскурсия» и телефон в шапке
  2. 02Страница программыВозраст, галерея, преимущества, недельное расписание и цены в иенах — всё, что спрашивают родители
  3. 03ПедагогиКарточки-арки и отдельная страница каждого педагога с образованием и историей
  4. 04События и вопросыЛента поездок и праздников, FAQ с ответом рядом со списком вопросов
Платформа
WordPress
Языки
Английский и японский
Шрифты
New York и Poppins
Интерфейс
Слайдеры Swiper, появление блоков при прокрутке
Главная страница
Программа: расписание и цены

Мобильная версия — для родителей между делами

Сайт сада чаще всего открывают с телефона: по дороге на работу или пока ребёнок на площадке. Поэтому в мобильной версии всё главное — под большим пальцем, а длинные тексты не мешают дойти до кнопки записи.

  • 01Звонок, Facebook, Instagram и меню — в нижней панели
  • 02Длинные описания свёрнуты под «Learn More»
  • 03Расписание листается по дням недели

Как выглядит сайт

01Первый экран: фото из жизни сада вместо стоковых картинок
02Программы: детский сад, продлёнка, субботняя школа
03Жизнь школы — слайдер с живыми фотографиями
04Недельное расписание занятий на английском
05Прозрачные цены в иенах: взнос, месяц, форма, обеды
06Педагоги — карточки-арки
07Мобильная версия: главная и страница программы
08Мобильная версия: расписание по дням и вопросы
09Страница педагога: образование и история
10События: летняя школа, поездки, праздники

Расскажите идею.
Остальное берём на себя

Чем занимается ваша компания и какую задачу нужно решить?