Моё хобби — шахматы.
Если вы захотите сыграть, ищите меня на chess.com и lichess.org под ником alex_yakovleva
Если вы захотите сыграть, ищите меня на chess.com и lichess.org под ником alex_yakovleva
GTM +3 (Санкт-Петербург)
Digital Nomad
Задачи
Срок
Целевое действие
- рассказать потенциальным клиентам о компании
- познакомить с пакетом услуг и их стоимостью
- отразить преимущества и уровень предоставляемых услуг
- повысить уровень доверия к компании
35 рабочих дней
кнопка с призывом «Оставить заявку», которая ведёт в активный Телеграм сообщества
одностраничный сайт на Тильде для бизнеса по сопровождению и помощи в получении виз в Испании
Логотип, цвета и элементы фирменного стиля, которые прислал заказчик
Аналитика
Перед тем, как приступить к прототипу, я тщательно изучила сайты прямых конкурентов. Отметила как интересные решения, так и менее удачные. Также составила портреты пользователей на основе информации о целевой аудитории.
Выводы и идеи по результатам исследования я сформулировала в отдельном файле.
Выводы и идеи по результатам исследования я сформулировала в отдельном файле.
Скрины файла с комментариями по анализу конкурентов, с ассоциациями и портретами целевой аудитории
Структура и прототип
На основе структуры и анализа конкурентов я разработала чёрно-белый прототип будущей страницы с текстовым контентом под каждый блок.
На этом этапе важно согласовать последовательность и наполнение блоков .
На этом этапе важно согласовать последовательность и наполнение блоков .
Ч/б прототип страницы
Дизайн решения
На этапе мудборда мы обсудили визуальные приёмами и определились со шрифтами. Заказчику понравились цвета, которые отличаются от основной палитры брендбука, поэтому в рамках концепции мы решили поэкспериментировать.
Из 2 предложенных концепций на основе первого экрана клиенту больше понравилась первая. Но цвета всё-таки решили поменять на фирменные.
Из 2 предложенных концепций на основе первого экрана клиенту больше понравилась первая. Но цвета всё-таки решили поменять на фирменные.
На основе дизайн-концепции я отрисовала остальные блоки страницы в разрешении 1200 px и адаптивный дизайн для мобильного телефона в разрешении 320 px.
Мобильный адаптив 320 – 640 px
Вёрстка на Тильде
Сайт верстался в основном на zero-блоках. Для большинства блоков использовала модификации, чтобы реализовать задуманный дизайн максимально близко к оригиналу.
Сайт адаптирован под мобильную, планшетную версии и широкоформатную больше 1920 px.
Сайт адаптирован под мобильную, планшетную версии и широкоформатную больше 1920 px.
Анимация кнопок сделана с помощью пошаговой (step-by-step) анимации
