Разработка лендинга ЖК “Флотилия” для презентации и заявок на покупку

Жилой комплекс "Флотилия", состоящий из трех 17-этажных домов, будет располагаться в городе Петрозаводск на пересечении ул. Антонова и ул. Онежской флотилии всего в 10-ти минутах от центра города. Это живописное место, где можно наслаждаться потрясающими видами на Онежское озеро

- Конкурентный анализ

- Проектирование сценариев и общего флоу

- Создание UI-гайда

- Прототипирование

- Дизайн

Сначала исследовать сферу и конкурентов: 

1. Анализ сайтов конкурентов, чтобы понять, какие функции и особенности они предлагают, и как они представляют свои продукты.

2. Анализ отзывов, чтобы узнать, что им нравится и что им не нравится.

3. Изучили рынок и узнали текущие тенденции в области недвижимости, чтобы понять, какие новые идеи могут быть востребованы.

4. Оценили дизайн и пользовательский опыт (UI/UX) конкурентов, чтобы понять, что работает хорошо, а что можно улучшить.

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

Пользователь находит лендинг ЖК Флотилия и начинает взаимодействовать с ним. В зависимости от цели пользователя, его поведение может быть разным:

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

    - Пользователь просматривает главную страницу, изучает основную информацию о комплексе.

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

    - Пользователь изучает планировки и цены квартир, чтобы выбрать подходящий вариант.

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

2. **Покупка квартиры**. Пользователь уже определился с выбором и хочет купить квартиру в ЖК Флотилия. Сценарий взаимодействия пользователя в этом случае:

    - Пользователь переходит на страницу с выбранной квартирой и нажимает кнопку "Купить".

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

    - Пользователь производит оплату через сайт.

3. **Контакт с менеджером**. Пользователь хочет задать вопросы или получить консультацию от менеджера ЖК Флотилия. Сценарий взаимодействия пользователя в этом случае:

    - Пользователь находит на сайте контакты комплекса и выбирает удобный способ связи (например, телефон или чат).

    - Пользователь задает свой вопрос или просит консультацию.

    - Менеджер ЖК Флотилия отвечает на вопрос или предоставляет консультацию.

Road map: https://www.figma.com/board/ivv2hkGvsXbShY1Zi8lpGW/Road-map-Лендинг-ЖК-%22Флотилия%22?node-id=0-1&p=f&t=EmNeOCZZJOzBHU2g-0

Для лендинга ЖК “Флотилия” был создан UI-гайд, который устанавливает набор правил и рекомендаций по использованию дизайна, цветовых схем и шрифтов при верстке.

1. Первый шаг - был разработан логотип и выбраны цвета для его использования. Цветовая схема была выбрана в соответствии с общим стилем продукта и включала в себя голубой градиент и белый цвет.

2. Далее был создан набор иконок с использованием той же цветовой схемы. Иконки были разработаны в векторном формате и могут быть масштабированы без потери качества.

3. Затем была разработана общая структура сайта и выбраны шрифты для использования. Шрифты были выбраны в соответствии с общим стилем компании “Баренцев Групп”, так как у не уже созданы сайты других ЖК - шрифты семейства Acrom и Bahnschrift.

4. Наконец, был создан набор компонентов для использования на сайте. Эти компоненты включают в себя кнопки, формы, заголовки и многие другие элементы, которые используются на страницах сайта ЖК Флотилия.

UI-гайд был создан для обеспечения консистентности в дизайне и лёгкого использования для разработчиков и дизайнеров, работающих над проекто

Процесс создания варфрейма для ЖК “Флотилия” начался с того, что мы определили основные цели проекта и потребности пользователей. Затем разработали общую структуру сайта, включив разделы, такие как преимущества, расположение, варианты планировок, презентацию, контакты и другие.

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

Отрисовав макет, провели тестирование, чтобы убедиться, что он соответствует целям и потребностям проекта.

Финальная концепция лендинга для ЖК "Флотилия" была разработана на основе проведенных исследований и тестирований пользовательского опыта.

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

Концепция лендинга для ЖК "Флотилия" была разработана с учетом потребностей пользователей и целей проекта, а также в соответствии с UI гайдом и общим стилем компании "Баренцев Групп".