99 баллов - редизайн сайта
99 баллов - редизайн сайта
Сроки
2 месяца
Что сделали
Аналитика
Дизайн сайта
Адаптив
После работ по ребрендингу онлайн-школы «99 баллов», мы взялись за полномасштабный редизайн сайта.
Мы поставили сами себе задачу не просто сделать лучший сайт в нише онлайн школ по ЕГЭ/ОГЭ, а в принципе сделать лучший дизайн среди всех онлайн-школ на рынке.
После работ по ребрендингу онлайн-школы «99 баллов», мы взялись за полномасштабный редизайн сайта.
Мы поставили сами себе задачу не просто сделать лучший сайт в нише онлайн школ по ЕГЭ/ОГЭ, а в принципе сделать лучший дизайн среди всех онлайн-школ на рынке.
Результаты
Результаты
Мы провели детальную аналитику рынка от лидеров Skyeng или Skillbox до узконаправленных онлайн-школ. Отсмотрели более 300 страниц. Выписали сильные и слабые стороны каждой школы в презентации своих услуг.
Далее мы составили план работ и принялись за отрисовку концепта.
Мы провели детальную аналитику рынка от лидеров Skyeng или Skillbox до узконаправленных онлайн-школ. Отсмотрели более 300 страниц. Выписали сильные и слабые стороны каждой школы в презентации своих услуг.
Далее мы составили план работ и принялись за отрисовку концепта.
Фотосессия
Текущие фотографии онлайн-школы абсолютно не вписывались в концепцию нового сайта и бренда. Поэтому мы составить подробное тз для фотосессии.
Текущие фотографии онлайн-школы абсолютно не вписывались в концепцию нового сайта и бренда. Поэтому мы составить подробное тз для фотосессии.
Мы получили яркие и красивые фотографии преподавателей школы, в которой хочется учиться. Обратите внимание, что все улыбаются и это повышает настроение клиента сразу же.
Мы получили яркие и красивые фотографии преподавателей школы, в которой хочется учиться. Обратите внимание, что все улыбаются и это повышает настроение клиента сразу же.
Главная страница
Главная страница сайта – лицо бренда. Важно, чтобы потенциальный клиент с первого взгляда понял, что 99 баллов – это современная школа с инновационным подходом.
Главная страница сайта – лицо бренда. Важно, чтобы потенциальный клиент с первого взгляда понял, что 99 баллов – это современная школа с инновационным подходом.
Пользователя встречает яркий баннер школы с продающим заголовком. Далее сразу же видит популярные курсы школы. Клиент может сразу же добавить курс в корзину и перейти к оплате.
Пользователя встречает яркий баннер школы с продающим заголовком. Далее сразу же видит популярные курсы школы. Клиент может сразу же добавить курс в корзину и перейти к оплате.
Мы выделяем важную информацию, которая сразу бросается в глаза. Картинка с преподавателем дополняет композицию блока и не обращает на себя все внимание. Ничего лишнего, все лаконично и просто.
Мы выделяем важную информацию, которая сразу бросается в глаза. Картинка с преподавателем дополняет композицию блока и не обращает на себя все внимание. Ничего лишнего, все лаконично и просто.
Так выглядит первый блок на смартфонах. Вмещается каждый элемент на первом экране. Тексты комфортно читать. Все кнопки нужных размеров.
Так выглядит первый блок на смартфонах. Вмещается каждый элемент на первом экране. Тексты комфортно читать. Все кнопки нужных размеров.
В данном блоке показываем какие есть форматы обучения с коротким и понятным описанием.
В данном блоке показываем какие есть форматы обучения с коротким и понятным описанием.
В данном блоке показываем популярные курсы. Можно сразу добавить в корзину или перейти на страницу курса. Также можно перейти на страницу всех курсов.
В данном блоке показываем популярные курсы. Можно сразу добавить в корзину или перейти на страницу курса. Также можно перейти на страницу всех курсов.
Далее показываем как проходит обучение. Рассказываем про платформу, про личных кураторов, автоматическую проверку домашек, авторская система обучения и про то, как проходит обучение.
Далее показываем как проходит обучение. Рассказываем про платформу, про личных кураторов, автоматическую проверку домашек, авторская система обучения и про то, как проходит обучение.
Блок заказа обратного звонка. Выбираем класс, имя и телефон. Далее менеджеры связываются с клиентом и помогают с выбором курса.
Блок заказа обратного звонка. Выбираем класс, имя и телефон. Далее менеджеры связываются с клиентом и помогают с выбором курса.
Последний блок – ответы на частые вопросы. Здесь клиент получает ответ на интересующий его вопрос. Отсюда же клиент может заказать звонок или перейти в мессенджер.
Последний блок – ответы на частые вопросы. Здесь клиент получает ответ на интересующий его вопрос. Отсюда же клиент может заказать звонок или перейти в мессенджер.
Курсы
Страница курса должна быть простой и понятной. На данной странице ученик или родителей может добавить нужные курсы в корзину и перейти к оплате.
Страница курса должна быть простой и понятной. На данной странице ученик или родителей может добавить нужные курсы в корзину и перейти к оплате.
Справа представлен фильтр по множеству параметров как класс, формат, предмет, преподаватели. Показывает название и описание курса. Сразу же показываем фотографию преподавателя, количество вебинаров, длительность, количество домашек и дата старта. Также представлена цена в месяц и в сплит.
Справа представлен фильтр по множеству параметров как класс, формат, предмет, преподаватели. Показывает название и описание курса. Сразу же показываем фотографию преподавателя, количество вебинаров, длительность, количество домашек и дата старта. Также представлена цена в месяц и в сплит.
Через смартфон страница должна выглядеть удобно и компактно. Мы добились того, что большая карточка курса смотрится лаконично и вмещается на 1 экран.
Через смартфон страница должна выглядеть удобно и компактно. Мы добились того, что большая карточка курса смотрится лаконично и вмещается на 1 экран.
Обратите внимание, что самая важная кнопка находится снизу, чтобы клиенту было удобно перейти в Корзину. Фильтр перенесли наверх для быстрого доступа. В корзине же сразу показываем общую сумму добавленных курсов и оформить заказ.
Обратите внимание, что самая важная кнопка находится снизу, чтобы клиенту было удобно перейти в Корзину. Фильтр перенесли наверх для быстрого доступа. В корзине же сразу показываем общую сумму добавленных курсов и оформить заказ.
Страница курса представляет подробную ифнормацию курса. Пользователя встречает картинка с преподавателем и ключевая информация по результатам.
Страница курса представляет подробную ифнормацию курса. Пользователя встречает картинка с преподавателем и ключевая информация по результатам.
Мастер группа – тарифы обучения по разным ценам и с разными наборами. Можно добавить сразу в корзину и перейти к оформлению.
Мастер группа – тарифы обучения по разным ценам и с разными наборами. Можно добавить сразу в корзину и перейти к оформлению.
Далее показываем подробно программу обучения со всей нужной для ученика информацией.
Далее показываем подробно программу обучения со всей нужной для ученика информацией.
Далее небольшой блок про преподавателя и истории учеников. Важно, что дизайн должен продавать и спадвигать клиента на обучение. Мы справились со своей работой.
Далее небольшой блок про преподавателя и истории учеников. Важно, что дизайн должен продавать и спадвигать клиента на обучение. Мы справились со своей работой.
Преподаватели
Страница всех преподавателей – одна из самых важных страниц сайта. Нам было важно показать, что 99 баллов – инновационная школа и страница должна выглядеть ярко и стильно.
Страница всех преподавателей – одна из самых важных страниц сайта. Нам было важно показать, что 99 баллов – инновационная школа и страница должна выглядеть ярко и стильно.
Для каждого преподавателя мы подобрали уникальный цвет фона. У таких преподавателей хочется учится и страница выполняет свою фунцию.
Для каждого преподавателя мы подобрали уникальный цвет фона. У таких преподавателей хочется учится и страница выполняет свою фунцию.
На странице преподавателя и показываем историю. Это важный блок, чтобы клиент понимал, кто будет его учить. Тут же мы показываем реальные отзывы от учеников школы.
На странице преподавателя и показываем историю. Это важный блок, чтобы клиент понимал, кто будет его учить. Тут же мы показываем реальные отзывы от учеников школы.
Так выглядит страница всех преподавателей и одного преподавателя на мобильных устройствах. Мы отрисовали отдельный дизайн для всех карточек учителей для планшетов и для смартфонов. Чтобы на всех устройствах страница смотрелась идеально.
Так выглядит страница всех преподавателей и одного преподавателя на мобильных устройствах. Мы отрисовали отдельный дизайн для всех карточек учителей для планшетов и для смартфонов. Чтобы на всех устройствах страница смотрелась идеально.
Истории учеников
Истории учеников – наша авторская задумка в дизайне. Никто на рынке онлайн-школ так не делает. Мы считаем крайне важно использовать сторитейлинг, чтобы ученик экстраполировал опыт выпускника школы с собой и получить уверенность в собственных силах. Ведь, если получилось у них, значит получится и у меня.
Истории учеников – наша авторская задумка в дизайне. Никто на рынке онлайн-школ так не делает. Мы считаем крайне важно использовать сторитейлинг, чтобы ученик экстраполировал опыт выпускника школы с собой и получить уверенность в собственных силах. Ведь, если получилось у них, значит получится и у меня.
Обратите внимание как сайт смотрится на планшете. Не смотря на то, что планшеты занимают небольшое количество среди устройств, мы все равно работаем тщательно над дизайном. Сайт должен выглядеть сногсшибательно везде.
Обратите внимание как сайт смотрится на планшете. Не смотря на то, что планшеты занимают небольшое количество среди устройств, мы все равно работаем тщательно над дизайном. Сайт должен выглядеть сногсшибательно везде.
Обратите внимание на дизайн Истории, на фотографии и текст. Такую историю хочется читать и как следствие клиент будет прогреваться и захочет учиться в школе.
Обратите внимание на дизайн Истории, на фотографии и текст. Такую историю хочется читать и как следствие клиент будет прогреваться и захочет учиться в школе.
На странице отзывов показываем все отзывы учеников из ВК. Можно отсортировать по предметам и перейти на каждый отзыв в ВК.
На странице отзывов показываем все отзывы учеников из ВК. Можно отсортировать по предметам и перейти на каждый отзыв в ВК.
О компании
На странице компании мы рассказываем о команде, о миссии, о принципах работы.
На странице компании мы рассказываем о команде, о миссии, о принципах работы.
Мы создали уникальный дизайн страницы. Добавили важные фотографии команды и историю по годам. Важно показывать, что школа развивается и двигается вперед.
Мы создали уникальный дизайн страницы. Добавили важные фотографии команды и историю по годам. Важно показывать, что школа развивается и двигается вперед.
Вакансии
На странице вакансий мы показываем все актуальные вакансии школы. Большинство школ на рынке пренебрегают данной страницей и считают, что HeadHunter достаточно. Мы так не считаем.
Потенциальные специалисты должны понять, почему нужно выбрать именно школу 99 баллов для работы.
На странице вакансий мы показываем все актуальные вакансии школы. Большинство школ на рынке пренебрегают данной страницей и считают, что HeadHunter достаточно. Мы так не считаем.
Потенциальные специалисты должны понять, почему нужно выбрать именно школу 99 баллов для работы.
Конечно, мы использовали основной стиль сайта, чтобы он не выбивался от других страниц. Это крайне важно.
Конечно, мы использовали основной стиль сайта, чтобы он не выбивался от других страниц. Это крайне важно.
Мы добавили фильтр, чтобы потенциальный работник сразу нашел то, что ему нужно.
Мы добавили фильтр, чтобы потенциальный работник сразу нашел то, что ему нужно.
Как мы обучаем
На данной странице мы подробно рассказываем как проходит обучение.
На данной странице мы подробно рассказываем как проходит обучение.
Выбор профессии
На странице выбора профессии ученик может получить консультацию от менеджера и подсказать ученику куда можно поступить и сколько баллов нужно будет набрать.
Крайне важная страница, ведь большинство учеников не знают какие есть профессии на рынке. Важно показать ученикам и их родителям, что школа готова помочь абсолютно со всем.
На странице выбора профессии ученик может получить консультацию от менеджера и подсказать ученику куда можно поступить и сколько баллов нужно будет набрать.
Крайне важная страница, ведь большинство учеников не знают какие есть профессии на рынке. Важно показать ученикам и их родителям, что школа готова помочь абсолютно со всем.
Даже такая страница должна быть стильной. Мы серьезно относимся к своей работе и поэтому максимально стараемся выжать из поставленной задачи.
Даже такая страница должна быть стильной. Мы серьезно относимся к своей работе и поэтому максимально стараемся выжать из поставленной задачи.
Показываем, что нужно сделать, чтобы получить консультацию.
Показываем, что нужно сделать, чтобы получить консультацию.
Там же показываем отзывы о консультации и ответы на частые вопросы.
Там же показываем отзывы о консультации и ответы на частые вопросы.
Журнал
Мы создали уникальный дизайн для Журнала. У нас есть огромный опыт в seo и поэтому мы настояли, что это должен быть отдельный раздел как у Тинькофф Журнал.
Мы создали уникальный дизайн для Журнала. У нас есть огромный опыт в seo и поэтому мы настояли, что это должен быть отдельный раздел как у Тинькофф Журнал.
В данном разделе всех школьники России могут прочитать статьи по подготовке, по решениям задач и материалы по ЕГЭ и ОГЭ.
В данном разделе всех школьники России могут прочитать статьи по подготовке, по решениям задач и материалы по ЕГЭ и ОГЭ.
Мы создали отдельный блоки для разделов, чтобы можно было быстрее перейти к нужной статье, которая зацепит внимание.
Мы создали отдельный блоки для разделов, чтобы можно было быстрее перейти к нужной статье, которая зацепит внимание.
Итог
Мы разработали монументальную платформу для школы 99 баллов. Мы считаем, что создали один из лучших сайтов на рынке онлайн образования. Мы счастливы, что нам удалось реализовать все наши смелые идеи.
Контакт
Сайт
Если вам нужно разработать дизайн сайта или мобильного приложение, то мы с радостью возьмемся за проект и создадим лучший сайт на рынке. Это наше призвание.
Контакты
Мы любим создавать дизайн, которым восхищаются наши клиенты. Если у вас есть интересный проект, то мы будем рады работать вместе.
Контакты
Мы любим создавать дизайн, которым восхищаются наши клиенты. Если у вас есть интересный проект, то мы будем рады работать вместе.
Контакты
Мы любим создавать дизайн, которым восхищаются наши клиенты. Если у вас есть интересный проект, то мы будем рады работать вместе.