Кейс: Дизайн сайта для организаторов парашютной экспедиции на Камчатку
Начало работы
Ко мне обратились организаторы парашютных экспедиций на Камчатку Алёна и Василий. Их целевая аудитория — иностранцы, которые готовы прыгать с парашютом (самостоятельно или в тандеме) и наслаждаться красотами природы. Поэтому, первоначальная задача была разработать сайт на английском языке об экспедициях.
У организаторов было много фото и видео материалов из прошлых поездок. Но тексты на английском были готовы не до конца. А для того, чтобы написать текст на английском, его сначала пишут на русском, а после — переводят. Поэтому сначала было решено сделать сайт на русском, а потом заменить тексты на английские. А в процессе работы пришла мысль создать сайт на двух языках: и на русском, и на английском.
В дальнейшем организаторы планировали вносить некоторое количество информации самостоятельно, поэтому я предложила им создать сайт на платформе Тильда (на ней вы легко сможете самостоятельно поменять контент, не прибегаю к помощи дизайнера или программиста каждый раз).
Структура сайта и тех.требования:
Для того, чтобы разработать структуру сайта, я проанализировала другие сайты об экспедициях (какая информация вынесена на главный экран и в каком порядке, какие есть дополнительные страницы...) и материалы, которые были у организаторов.
Также были некоторые технические требования от Василия: усиленная защита «Я не робот», подключение домена и перенаправление с другого домена (.ru) на подключенный (.com).
Данные о регистрации необходимо было собирать в три разные формы: для прыгающих самостоятельно, для тандем - прыжков и для сопровождающих (тех, кто в прыжковой части не частвует). Кроме того, необходима была еще отдельная форма для заявок на спонсорство.
Слайд из коммерческого предложения на создание сайта
Выбор шрифтов и цветов:
Среди материалов, которые предоставили мне Алёна с Василием, были макеты футболок участников экспедиций прошлых лет с нанесенными надписями. Поэтому поиск шрифта свелся к тому, чтобы подобрать похожий шрифт, причем как на русском, так и на английском. После нескольких попыток, мы остановились на шрифте Neucha для заголовков и обычного шрифта без засечек для основного текста.
Для создания цветовой палитры сайта организаторы и я вдохновлялись изображениями лавы (ассоциативный ряд: Камчатка — вулканы — лава). В материалах, которые мне предоставили, было две текстуры с лавой: одна — с еще горячей оранжевой и вторая серого цвета с уже остывшей.
Палитра сайта единогласно была выбрана в темных цветах (серо-коричневый) со светлым текстом и оранжевыми яркими акцентами (кнопки, ссылки, разделители).
Для первого экрана сайта сразу было выбрано видео из прошлой поездки, которое отлично отражает атмосферу таких поездок.
Интересный факт: наибольшие трудности возникли у нас с разделом Команда с фотографиями организаторов и участников. Сначала мои клиенты не хотели отдавать так много места для этого раздела и размещать в нем свои фотографии, но в процессе работы они согласились и добавили опцию для всех регистрирующихся! Когда пользователь заполняет форму регистрации для участия в экспедиции, он может загрузить своё фото и дать согласие на его публикацию в разделе Команда вместе со всеми участниками экспедиции этого года.)
После того, как мы согласовали все информационные блоки и тексты к ним, я отрисовала прототипы всех страниц в Фигма. После утверждения прототипа, дизайн главной страницы я тоже сначала отрисовала в Фигме. А вот остальные страницы уже собирала сразу на Тильде для экономии времени.
Главная страница проекта постепенно отвечает на вопросы об экспедиции: для кого это? где конкретно мы будем и что мы будем там делать? с кем мы будем прыгать? и т.д.
Больше информации представлено на дополнительных страницах:
Страница о Камчатке
Страница о стоимости и вариантах размещения
Страница о тандем - прыжках
Страница о предыдущих поездках
Так как на сайте мы собираем персональные данные пользователей в процессе регистрации, то также мы разместили Политику конфиденциальности на отдельной странице в соответствии с законом.
Пока я создавала страницы на русском языке, заказчики переводили на английский. После того, как все страницы были созданы я продублировала каждую на английском и настроила все необходимые переходы - ссылки между страницами.
Также я подключила домен, сделала базовую настройку SEO, отрегулировала отображение сайта на различных устройствах (адаптивный дизайн), подключила 4 формы сбора заявок, оповещения о заявках по электронной почте для организаторов, повышенный режим защиты «Я не робот», настроила переадресацию с другого домена (заказчики приобрели два и было жаль оставлять один незадействованным).
Весь проект можно оценить здесь: https://skydivevolcanoeskamchatka.com/
А вот что написали мне после окончания работы заказчики проекта:
Алёна
(@snowpeppers)
и Василий
(@skydivekamchatka)
Несмотря на часовые пояса, разделяющие нас, Женя регулярно была на контакте, иногда даже в нескольких мессенджерах сразу. Холодным февральским днем нашла время для встречи с нами, когда мы оказались проездом в Хабаровске. Было здорово увидеть этого позитивного, интересного, увлеченного человека вживую.
Сайт, который мы очень долго себе хотели, но не совсем представляли, каким он может получиться и как технически можно реализовать все наши хотелки, родился с Женей быстро и легко! Почти не было у нас разногласий по дизайну, шрифтам, компоновке материала. Напротив, слишком часто звучала фраза от моего руководителя проекта - как правило после очередной видеопрезентации (это своеобразный отчет дизайнера о проделанном этапе работ, вместо длинных писем - небольшое видео с демонстрацией экрана): «Не мешайте Жене работать, она всё правильно делает!» Единственное, что вызвало жаркий спор - это фон цвета вулканической лавы, который мы выбрали сердцем, вразрез некоторых дизайнерских правил, что пыталась донести до нас Женя, но в один момент сдалась.
Наш сайт о парашютных экспедициях на Камчатку получился легким, современным, оригинальным, красивым, информационным, и, как мы все считаем, при таком качестве совсем недорогим для нас. Благодарим Евгению за приятную работу над проектом! Т.к. экспедиции наши - ежегодные, договорились на абонентское обслуживание к Жене и рассчитываем регулярно ее руками обновлять наш сайт.
--
С уважением,
Василий Родин,
парашютист-инструктор,
организатор парашютных экспедиций на Камчатку
Алёна Филоненко,
администратор проекта Skydive Volcanoes Kamchatka
evgenia_180590@mail.ru
+7 (924) 304-5338
Facebook*: @evgeniabityutskaya
*Продукты компании META признаны экстримистскими на территории России
