• 1. Сбор требований;
• 2. Аудит действующего сайта;
• 3. Анализ целевых аудиторий;
• 4. Формирование общей концепции.

Проектирование

Прототип сайта «Нить Ариадны» — инструмент для эксперимента. От нас требовалось новое видение структуры и компоновки разделов — было важно избавиться от лишнего и внедрить недостающее. Проектирование позволило осмысленно сгруппировать контент, найти выгодные способы его подачи и помочь клиенту привыкнуть к изменениям. Архитектура проекта получилась очевидной, а общая навигация — понятной.

 

     

Дизайн сайта

Создатели дали лагерю название «Нить Ариадны» для того, чтобы выразить большую идею: «Мы помогаем детям найти нить, ведущую в счастливую взрослую жизнь». Поэтому на этапе разработки фирменного стиля в Science нить стала основой дизайн-концепции. Отрисовывая макеты веб-страниц, мы применили нить для соединения отдельных элементов, блоков и разделов.

Для всех страниц, и даже для 404-й, мы рисовали новые иллюстрации и уникальные иконки. Есть несколько разделов, где появляется меню второго уровня — ссылки в меню также дополнены небольшими тематическими изображениями.

Подавать информацию о предстоящих сменах мы предложили в формате иллюстраций. Новые изображения и тексты скорее привлекут внимание и объяснят тематику предстоящей программы.

Мы отрисовали кнопки во всех состояниях и сделали анимацию.

Контурные иллюстрации отрисованы чёрно-белыми, некоторые помещены на красочный однотонный фон.

Вёрстка и программирование

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

На этапе разработки провели интеграцию сайта с «ВКонтакте» — теперь участники, пройдя регистрацию на смену, могут ещё до поездки познакомиться друг с другом.

Перейти на сайт