Задание: Дизайнер сайтов. Дизайн сайта (Дистанционная работа)
Необходимо разработать дизайн сайта интернет-магазина архитектурных проектов. Сайт планируем разместить на поддомене основного сайта и дизайн должен соответствовать. Также у нас есть брендбук, при необходимости, отправим. По стоимости можете указывать свою стоимость. ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА АРХИТЕКТУРНЫХ ПРОЕКТОВ 1. Вводные данные Сайт-магазин располагается на поддомене основной строительной компании. Цель — продажа типовых архитектурных проектов частных домов с возможностью заказа строительства "под ключ". Ключевая особенность — в карточке товара пользователь видит не только цену проекта, но и предварительную смету на строительство. Отдельный акцент — проекты, подходящие под ипотечные программы по более выгодным ценам. 2. Перечень страниц для дизайна (базовый пакет) 1. Главная страница. 2. Страница каталога с фильтрацией. 3. Карточка проекта. 4. Страница оформление заказа (один экран). 5. Личный кабинет (экран "Мои проекты / Заявки"). 3. Описание страниц и блоков 3.1. Главная страница Верхний экран: крупная строка поиска по площади и этажности, кнопка "Подобрать дом для моего участка". Слайдер (карусель) с категориями проектов: · Слайд 1. "Проекты под ипотеку" (с пометкой "Одобряются банками"). · Слайд 2. "Проекты до 100 м²". · Слайд 3. "Проекты с террасой". · Слайд 4. "Проекты из газобетона". Каждый слайд — крупное фото дома + название категории + кнопка "Смотреть все". Слайдер переключается автоматически и вручную (стрелками/точками). Блок с двумя кнопками: "Купить проект" и "Заказать расчет сметы под мой регион". Подборка "Самые популярные у застройщиков" (карточки проектов с ценами). 3.2. Каталог с фильтрацией Фильтры в верхней части страницы (горизонтально): стиль дома, материал стен, общая площадь (слайдер), количество спален. Дополнительный чекбокс или переключатель — "Только проекты под ипотеку". Карточки проектов выводятся плиткой (3 колонки). В каждой карточке крупно указана цена строительства "под ключ", мелко — стоимость самого проекта. Если проект подходит под ипотеку — на карточке ярлык-бейдж "Под ипотеку". 3.3. Карточка товара Верхняя часть: слайдер фотографий фасада. Справа — название, площадь, размеры участка. Блок "Стоимость строительства" с пометкой "Расчет актуален на текущую дату". Рядом кнопка "Запросить точную смету" и кнопка "Купить проект". Если проект подходит под ипотеку — рядом с ценой блок-стикер "Одобряется банками" с кратким пояснением (например, "Подходит под госпрограмму, первоначальный взнос от 15%"). Ниже, последовательно: 1. Поэтажные планы и 3D-визуализация (кликабельные для увеличения). 2. Состав проекта — архитектурный, конструктивный, инженерный разделы в виде списка. 3. Таблица с укрупненными расценками на строительство (фундамент, стены, кровля, инженерия). 4. Выпадающие списки с опциями доработок (адаптация под грунт, замена окон, утепление). Фиксированная нижняя панель — при скролле всегда видны кнопки "Онлайн-оплата проекта" и "Рассрочка 0%". 3.4. Корзина и оформление Два шага. Первый — форма с полями: ФИО, Телефон, Email, Адрес участка. Второй — выбор способа получения: скачать или заказать распечатку. Внизу — кнопка оплаты. 3.5. Личный кабинет Одна страница со списком заказов и их статусами: "Ожидает оплаты", "Готов к скачиванию", "Строится". Кнопки для скачивания договора и чека. 4. Визуальные требования к макетам Шапка сайта: прозрачная на главной, белая на внутренних страницах. Пункты меню: "Каталог", "Проекты под ипотеку" (выделить визуально), "Смета", крупный номер телефона. На всех внутренних страницах — хлебные крошки. В макетах использовать реальные фотографии построенных объектов компании (не стоковые).
