Задание: Дизайнер сайтов. Разработка дизайна лендинга (одностраничный сайт) (Дистанционная работа)
Нужно разработать дизайн лендинга. Продажа инвестиционной недвижимости в Камбодже.
Пример: https://natiivomiami.com/ (см. мобильную версию только)
Разработка дизайна происходит по модели Mobile First - то есть сначала разрабатывается мобильная веб-версия, на основе которой делается версия десктоп.
Сроки 1 неделя.
Этап 1: варианты и/или обсуждение идей. Схема макета всей страницы.
Этап 2: Создание макета в Figma.
Этап 3: Нарезка макета на элементы для верстальщика.
Этап 4: Создание десктоп версии (второй этап нарезки).
Имеется 2 объекта инвестиций (объект №1 и объект №2), г. Пном Пень, Камбоджа.
Блоки сверху вниз.
1. Блок меню (верхний) (классический бутерброд с раскрывающимся красиво меню - разделы страницы), вверху прогресс бар (основные этапы "инвестиционного путешествия" и изучения материалов страницы.
2. Внизу всегда зафиксированы на экране телефона 2 кнопки: поделиться и калькулятор финансового плана.
3. Основной блок - его посетитель сайта видит сразу. В этом блоке стрелочка вправо указывает, что нужно листать вправо. Это основные аргументы презентации продукта.
1-й экран: "Инвестиции в недвижимость в Камбодже "под ключ".
Место для аватарки эксперта в круге.
Листаем по одному экрану вправо (соответствует схеме как на приведенном выше сайте).
2-й экран. Почему Камбоджа? Самый быстрорастущий (по ВВП) регион Азии. Самая низкая стоимость квадратного метра и самая высокая скорость роста цены объекта.
3-й экран. Самый ожидаемый проект в центре столицы от междунарожного застройщика. Надежность и защита.
4-й экран. Гарантированный доход или скидка? Открываем для клиентов счет в банке и карту VISA, можно оплатить криптовалютой. ROI 20% годовых, первый взнос 10%, сдача объекта Q2 2024.
5-й экран. Полный цикл: ремонт и люкс-дизайн, вся инфраструктура в ЖК, после покупки помогаем с управлением недвижимости (сдача в аренду) и последующей продажей объекта.
6-й экран. Получите финансовый план и бесплатную консультацию по региону. Расскажем про налоги, риски и плюсы "долларизованной" экономики Камбоджи.
7-й экран. Как с вами связаться? Телефон, имя, кнопка отправить.
Следующие блоки иду при пролистывании вниз.
Блок "О Камбодже" - рассказываем о стране и столице, преимуществах региона (есть фоновая картинка и элементы инфографики).
Блок "Объекты" содержит возможность посмотреть 2 объекта, в которых продаются объекты недвижимости: объект №1 и объект №2 (листаются вправо-влево). Объект №1 установлен по умолчанию и именно на него сразу попадает инвестор. Как только он пролистывает к объект №2 (вправо) меняется фон всего сайта со светлого на темный. При пролистывании вниз - цвета сайта возвращаются.
Блок объектов содержит:
- описание объекта, фотографии интерьеров квартир, экстерьеров дома (имеются в наличии и будут предоставлены)
Листаем вниз.
Блок видео ролика (на всю ширину экрана - видео ролик о Камбодже).
Блок гугл карта.
Блок "Как мы работаем" - состоит из нескольких этапов Investor Journey (есть описание) - схематичность, нагдядность, стиль.
Блок вопросов и ответов (FAQ).
Форма контактов (на всю ширину, включает Имя и фамилия, Email, Телефон, широкий блок для комментария).
Блок "О нас" - наше портфолио, известные объекты, отзывы клиентов. Отзвывы клиентов также идут отдельным блоком.
Пожелания по цветам: люкс, лакшери, без ярких и контрастных (возможно обыграть тему градиента, но не экстра цвета), более официальные, серьезные (сайт нацелен на модного инвестора). У сайта будет темная и светлая темы.
Готов ответить на вопросы и дать больше вводных.