Кейс прототипа сайта посуточной аренды апартаментов

Кейс прототипирования
Четыре страницы до редизайна сайта аренды апартаментов

Перед разработкой нового дизайна мы сначала спроектировали четыре ключевых страницы: главную, «О нас», страницу объекта и контакты.

Главная
О нас
Объект
Контакты

Сначала прототип – потом новый дизайн

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

Такой подход позволяет обсуждать расположение блоков и общую логику проекта до того, как будет подготовлен полноценный дизайн.

Логика работы
Существующий сайт
→ новая структура страниц
→ согласование прототипов
→ переход к дизайну

Карта проекта

Четыре страницы – четыре задачи

В отличие от интернет-магазина, здесь набор ключевых экранов определялся спецификой площадки по посуточной аренде.

01

Главная
Основная точка входа в проект.

02

О нас
Отдельная информационная страница компании.

03

Объект
Страница конкретного предложения аренды.

04

Контакты
Финальный служебный экран проекта.

01 / ГЛАВНАЯ

Прототип главной страницы

Работа началась с основного экрана будущего сайта. На прототипе была зафиксирована структура главной страницы, от которой затем можно было переходить к дальнейшему дизайну.

Главный экран проекта

На нём формируется общий принцип расположения блоков и дальнейшей навигации.




Главная страница – прототип


Прототип главной страницы сайта посуточной аренды апартаментов

02 / О КОМПАНИИ

Прототип страницы «О нас»

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

Прототип позволяет заранее отделить информационный сценарий от основной страницы проекта.

03 / СТРАНИЦА ОБЪЕКТА

Отдельный экран для объекта аренды

Третья страница – прототип конкретного объекта. Здесь структура уже строится вокруг одного предложения, а не вокруг сайта в целом.

04 / КОНТАКТЫ

Прототип страницы контактов

Последним из четырёх основных экранов была разработана контактная страница. Так комплект прототипов закрыл основные типы страниц, необходимые для перехода к дальнейшему дизайну.

Итог

Прототип как комплект экранов, а не один длинный макет

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

Главная
О нас
Объект
Контакты

Другие кейсы прототипирования

Интернет-магазин цветов

Посмотреть кейс →
Онлайн-библиотека

Посмотреть кейс →
Курсы немецкого языка

Посмотреть кейс →

Новый проект

Планируете редизайн или новый сайт?

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