Создание двух html сайтов для проведения АВ тестирования
Картинки в приложенном файле.
Требования: адаптивный дизайн, минималистичный дизайн, html+js
Сайт должен иметь минимальное первоначальное наполнения для оценки дизайна, в дальнейшем будет порезан на шаблон.
Пример сайта whitehills ru только несколько проще.
1. Структура первого варианта сайта:
Заглавная страница
- фиксированное меню (доставка и оплата, контакты, номер телефона)
- лого прописано буквами, будет сообщено чуть позже
- заглавный баннер, без карусели, фиксированный
- ниже плашки с формами/фото плитки (Ла-Линия, Классико, Мюнхен и тд – 6 штук)
- на карточке указана цена от… рублей, варианты цены, кнопка купить в один клик
Карточка товара
- Возможность выбора цвета в карточке товара
- выпадающий список выбор толщины плитки
- Цена, цена меняется в зависимости от выбранного варианта цвета и толщины
- Наличие
- Купить
- Краткое описание ниже
- Ниже в карточке товара разделы: Описание, Доставка, Гарантия
- Окно для указания номера телефона, как связаться и галочка, предпочтительный канал связи (телефон, ватсап или телеграм)
- одна строка о компании
- на главной странице ниже плашки с названиями коллекций плитки/цветами (коричневая, серая, листопад и тд, около 10-ка цветов)
- Страница с вариантами после выбора плашки страница со списком вариантов плитки
- Информация – название, наличие, размер, высота, цвет, кнопка купить
- В карточке товара выбирает не цвет, а форму плитки и толщину, цена также меняется.
- карточка товара как на картинке (примерно), информации про оплату картой и прочая не надо. Кнопка купить и базовая информация о товаре.