Сайт компании, организующей походы в горы

Сайт-визитка для студии скульптуры и барельефов

Фигма с макетом

О проекте

О проекте

Учебный кейс с курса UX/UI дизайнер от школы BBE

Задача

Задача

● Разработать с нуля главную страницу сайта

● Разработать с нуля главную страницу сайта

● Проработать мудборд и креативную идею

● Проработать мудборд и креативную идею

● Рассказать с помощью сайта о доступных походах для людей без подготовки

● Рассказать с помощью сайта о доступных походах для людей без подготовки

● Вовлечь пользователя

● Вовлечь пользователя

Что я сделала

Что я сделала

  1. Подробно изучила бриф

  1. Подробно изучила бриф

  1. Вместе с нейронкой разработала структуру и текст

  1. Проработала визуальную концепцию: собрала мудборд и референсы, подобрала шрифты, цвета и иконки

  1. Проработала визуальную концепцию: собрала мудборд и референсы, подобрала шрифты, цвета и иконки

  1. Задизайнила главную страницу сайта для десктопа целиком и продумала будущие анимации

  1. Задизайнила главную страницу сайта для десктопа целиком и продумала будущие анимации

  1. Собрала библиотеку стилей и компонентов

В работе с текстом мне сильно помогал DeepSeek. С ним я обсудила описанную в брифе целевую аудиторию, прописала структуру, а также весь текст (дополнительно редактировался в ходе работы)

Для визуального удобства поработала над прототипом, чтобы схематично расположить все блоки

Для поиска метафоры я создала майнд-карту, где подумала над тем, с чем могут ассоциироваться походы в горы. Основные идеи получились такими:

● Рассвет

● Рассвет

● Ностальгия

● Ностальгия

● Фотография

● Фотография

● Встречи с животными

● Встречи с животными

● Скрытые от глаз красоты природы

● Скрытые от глаз красоты природы

Итог: сайт отражает основные моменты, которые происходят с путешественниками: ожидание и рассвет перед походом, встречи с животными, отсылки к природе, а также будущую ностальгию по путешествию

В дизайне я использовала эмоциональный контент, совместила шрифты с засечками и без, поработала с сеткой и цветами, уделила внимание деталям

Для удобства использовала компоненты, а также сделала небольшой UI-kit

Наверх

Create a free website with Framer, the website builder loved by startups, designers and agencies.