1. О проекте
Центр развития «Гоголь-Моголь» — это уникальное пространство в Иркутске, где дети и взрослые могут раскрыть свой потенциал, развить таланты и приобрести новые навыки. От раннего развития до подготовки к школе, от творческих мастер-классов до занятий с психологом и логопедом — «Гоголь-Моголь» предлагает более 20 направлений, создавая комфортную и вдохновляющую среду для каждого.
2. Задача - редизайн сайта
Перед агентством QWER. agency стояла амбициозная задача — провести полный редизайн существующего сайта «Гоголь-Моголь», сделав его современным, интуитивно понятным и привлекательным. Основные цели включали:
- Модернизация дизайна: Обновление визуальной концепции сайта в соответствии с новым фирменным стилем, приведение его в соответствие с современными веб-трендами и запросами целевой аудитории.
- Улучшение пользовательского опыта (UX): Сделать сайт максимально удобным для родителей, ищущих развивающие занятия для своих детей, а также для взрослых, желающих овладеть новыми навыками, учитывая уже имеющуюся базу пользователей.
- Четкая структуризация и оптимизация информации: Переосмысление подачи обширного списка направлений, мастер-классов, информации о команде и преимуществах центра в более доступном и наглядном виде.
- Отражение атмосферы центра с учетом нового видения: Передать теплоту, креативность и профессионализм «Гоголь-Моголь» через обновленное визуальное оформление и контент сайта.
- Обеспечение эффективной коммуникации: Предоставить обновленные и более удобные инструменты для записи на занятия, отправки заявок и получения консультаций.
- Улучшение SEO-показателей: Повышение видимости сайта в поисковых системах для привлечения новой целевой аудитории и удержания старой.
3. Структура, фирменный стиль и референсы
При разработке обновленной структуры сайта мы руководствовались принципами максимальной логичности и простоты навигации, опираясь на анализ поведенческих факторов на предыдущей версии сайта. Основные разделы были переосмыслены и оптимизированы:
- Главная страница: Приветствует посетителей, кратко рассказывает о центре, демонстрирует УТП, преимущества и призывы к действию (CTA) с улучшенной навигацией.
- Направления: Детальное описание всех программ для разных возрастных групп (1−3 года, 3−7 лет, от 7 лет и взрослых), а также информация о «Классных каникулах», с более удобными фильтрами и возможностью быстрого перехода к записи.
- Мастер-классы: Актуальное расписание творческих встреч, с возможностью записаться, представленное в более наглядной форме.
- О нас: Доработанная и расширенная информация о центре, его миссии, ценностях, лицензиях, а также раздел с командой, отзывами, галереей и блогом.
- Команда: Более полное знакомство с педагогами и руководителями центра, их квалификацией и личными вдохновляющими историями.
- Отзывы: Реальные отзывы родителей, представленные в удобном для восприятия формате, подчеркивающие качество услуг и атмосферу «Гоголь-Моголь».
- FAQ: Расширенный раздел ответов на часто задаваемые вопросы, помогающий снять возможные возражения и предоставить исчерпывающую информацию.
- Контакты: Подробная информация о филиалах, телефоны, почта и ссылки на социальные сети с обновленными картами и формами обратной связи.
Важным этапом проекта стала также разработка нового фирменного стиля для «Гоголь-Моголь» агентством QWER.agency. Прежний фирменный стиль был обновлен с учетом современных тенденций и уникального позиционирования центра. Мы создали свежий и динамичный визуальный язык, который отражает креативность, энергию и профессионализм «Гоголь-Моголь», при этом сохраняя его дружелюбную и вдохновляющую атмосферу.
В основу нового фирменного стиля для сайта легли три ключевых цвета: фиолетовый, зеленый и желтый. Фиолетовый символизирует креативность, мудрость и заботу, зеленый — рост, развитие и спокойствие, а желтый — энергию, радость и позитив. Эти цвета были тщательно подобраны для создания гармоничной палитры, которая идеально передает дух центра развития.
Референсами послужили успешные сайты аналогичных центров, отличающиеся продуманным пользовательским путем, эстетичным дизайном и высокой конверсией, а также актуальные тренды в UX/UI. Особое внимание уделялось удобству использования форм заявки и доступности контактов.
4. Прототип
На этапе прототипирования в Figma мы детально проработали каждый экран обновленного сайта, учли все функциональные элементы и сценарии взаимодействия пользователя, проанализировав болевые точки предыдущей версии. Были созданы:
- Обновленные информационные блоки: Описание преимуществ, миссии, ценностей, информации о лицензии, представленные в более современном и лаконичном виде.
- Переработанные блоки услуг: Подробные карточки направлений и мастер-классов с улучшенными возможностями фильтрации и быстрой записи.
- Оптимизированные коммуникационные элементы: Интегрированные формы обратной связи, возможность связи через мессенджеры и прямого набора номера, с целью повышения скорости ответа и удобства пользователя.
Прототип позволил на ранних этапах выявить и исправить недочеты, а также внести улучшения, обеспечивая максимально логичный и эффективный пользовательский путь на обновленном ресурсе.
5. Дизайн-концепт
Дизайн-концепт строился на сочетании яркости и легкости, отражающих дружелюбную атмосферу центра, с профессиональным и структурированным подходом к подаче информации. Нашей целью было создать свежий, но узнаваемый образ. Ключевые аспекты:
- Цветовая палитра: Использование существующих фирменных цветов, но с обновленными акцентами и более современными сочетаниями, что придало сайту свежий вид, сохранив узнаваемость.
- Иллюстрации и иконки: Обновление и расширение коллекции уникальных, дружелюбных иллюстраций и иконок, которые помогают визуально разделить контент и сделать его более привлекательным для целевой аудитории (родителей и детей).
- Типографика: Переосмысление шрифтовых пар, сочетание читабельных шрифтов для основного текста и акцентных — для заголовков и важных элементов, что улучшило визуальную иерархию.
- Фотоконтент: Использование новых высококачественных фотографий счастливых детей и профессиональных педагогов, демонстрирующих реальную жизнь центра, с акцентом на эмоциональную составляющую.
- Интерактивные элементы: Внедрение новых, легких анимаций и интерактивных блоков, делающих взаимодействие с сайтом более динамичным и интересным, повышая вовлеченность пользователей.
Особое внимание уделили разделам «Направления» и «Мастер-классы», где каждый элемент был продуман для максимальной информативности и простоты записи, обеспечивая удобство выбора для родителей.
6. Верстка на Tilda и SEO-оптимизация
Сайт был успешно реализован на платформе Tilda, что обеспечило высокую скорость разработки, удобство управления контентом и отличную адаптивность под любые устройства (десктоп, планшет, мобильный телефон) с использованием Zero Block для создания уникальных дизайн-решений, ранее не доступных на старой версии сайта.
SEO-оптимизация стала неотъемлемой частью проекта, с учетом уже накопленного поискового потенциала предыдущей версии и его улучшения:
- Глубокий анализ ключевых запросов: Проведено детальное исследование поисковых запросов целевой аудитории для каждого направления и мастер-класса, с учетом их актуальности и конкурентности.
- Обновленные мета-теги: Разработаны уникальные, релевантные и более оптимизированные Title, Description для каждой страницы, что повышает их привлекательность и кликабельность в поисковой выдаче.
- Оптимизация контента: Тексты на сайте были переработаны или написаны с учетом ключевых слов, их естественным вхождением, что способствует высокому ранжированию и релевантности.
- Оптимизация структуры URL: Применены «человекопонятные» URL, облегчающие индексацию и запоминание, а также настроены редиректы со старых URL во избежание потери трафика.
- Техническая оптимизация: Настроены и проверены robots. txt, sitemap. xml, значительно улучшена скорость загрузки страниц, что является важными факторами для SEO и пользовательского опыта.
- Подключение аналитики: Интегрированы Яндекс. Метрика и Google Analytics с настроенными целями для отслеживания поведения пользователей и эффективности продвижения обновленного сайта.
7. Итоговые результаты работы
Успешный редизайн сайта позволил центру развития «Гоголь-Моголь» значительно улучшить свое онлайн-присутствие и достигнуть новых результатов:
Мы гордимся тем, что помогли «Гоголь-Моголь» провести такой важный редизайн, вдохнув новую жизнь в их онлайн-присутствие!
- Увеличение конверсии: Модернизированный дизайн, улучшенная навигация и продуманные призывы к действию способствовали значительному увеличению количества заявок и записей на занятия.
- Улучшение имиджа: Современный и стильный сайт эффективно транслирует обновленные ценности и профессионализм центра, укрепляя его репутацию и привлекая новую целевую аудиторию.
- Расширение охвата аудитории: Благодаря улучшенной SEO-оптимизации, обновленный сайт стал привлекать больше целевого трафика из поисковых систем, а также удерживать уже имеющихся пользователей.
- Повышенная вовлеченность пользователей: Более современный интерфейс и интерактивные элементы привели к увеличению времени пребывания на сайте и глубины просмотра страниц.
- Pационализация процесса управления: Платформа Tilda позволяет сотрудникам центра легко обновлять информацию, добавлять новые мастер-классы и управлять контентом без привлечения сторонних специалистов.
- Положительные отзывы: Клиенты и партнеры отмечают интуитивную понятность, эстетичность и функциональность нового ресурса, что положительно сказывается на престиже центра.
Мы гордимся тем, что помогли «Гоголь-Моголь» провести такой важный редизайн, вдохнув новую жизнь в их онлайн-присутствие!
Нужен эффективный веб-ресурс, отражающий уникальность вашего бренда и привлекающий целевую аудиторию? Обратитесь в QWER. agency, и мы разработаем решение, которое превзойдет ваши ожидания.