Инструментарий: HTML, CSS, JavaScript без использования CMS и движков, без php, mySQL и т.п.
Необходимо разработать дизайн и сверстать три одностраничных сайта, посвященных электрическим кабелям. Допускается, чтобы дизайн был выполнен в едином стиле (не должно быть "копипаста", но допускается прослеживание родственности). В то же время не возбраняется, чтобы у каждого одностраничника был свой дизайн.
Учитывая аудиторию (инженеры, технические сотрудники), предполагаем, что у одностраничников должен быть строгий, сдержанный дизайн. В то же время, хотелось бы, чтобы дизайн был стильным и современным. К заданию прикреплён файл inbalt_site.jpg с дизайном, разработанным для другого нашего сайта. Прикладываем его как пример того, что мы подразумеваем под строгим, сдержанным, но стильным дизайном. Возможно, он уже несколько устарел (делали несколько лет назад), местами скучноват (мрачноват) и требует обновления/доработки, но его можно использовать как ориентир.
Чтобы было понятнее, как должна быть организована структура каждого сайта, ниже приводим ссылки на существующие одностраничники. Они сделаны из рук вон плохо и на их дизайн ни в коем случае не стоит ориентироваться, но по ним будет понятнее, чего мы хотим.
Информационное наполнение созданных Вами сайтов – примерное. Пункты главного меню, картинки и тексты можно брать с существующих одностраничников. Мы хотим получить дизайн и структуру сайтов, наполнением будем заниматься самостоятельно. Там, где мы хотели бы уже сейчас видеть конкретную картинку или конкретный текст – мы напишем.
Итак, существующие одностраничники и во что их нужно превратить:
1. Сайт «Сверхгибкий кабель» (
. Описание задания в файле "Сайт1.txt".
2. Сайт «Высоковольтный силиконовый кабель» (
. Описание задания в файле "Сайт2.txt".
3. Сайт «Каталог кабелей» (
. Верх аналогично предыдущим – логотип и главное меню, потом крупная «первая страница» с картинкой (картинку можно взять с нынешнего одностраничника) и описанием (2-3 фразы).
Далее раздел «КАТАЛОГ КАБЕЛЕЙ». Структуру можно сохранить. Т.е. слева вертикальное меню, справа карточки товара. Нынешние карточки товара по структуре более-менее устраивают. Но нужно, чтобы они были одинаковой высоты (сейчас высота зависит от количества текста). Хотелось бы, чтобы картинка с кабелем была кликабельна и открывалась бы такая же, но большего размера. Внизу сокращение «хар-ки» – нехорошо. Если не влезает – пусть будет просто «характеристики» (без «технические»). Возможность открывать характеристики в двух форматах – наверное, пусть остаётся. Только сейчас там на иконке «PNG», а по факту картинки в JPG. Весь каталог можно не воспроизводить, достаточно заполнить пару разделов несколькими карточками, чтобы было наглядно. Главное, чтобы была возможность потом вручную покопировать и дозаполнить.
Далее по аналогии с одностраничниками из п.1 и п.2: раздел «Что еще предлагаем» (назвать поприличнее) с 8-ю картинками («каруселью» не делать, отобразить сразу все по 4 картинки в 2 ряда). Потом блок с картинками и подписями типа «Произведено в Европе», «Доставка по всей России» и про консультацию менеджера. И в конце раздел Контакты (без карты). Также необходимо разместить ссылку на интернет-магазин (где – на Ваше усмотрение).
На каждом одностраничнике должен быть баннер с текстом «ИЗГОТОВИМ ЛЮБОЙ КАБЕЛЬ ПО ВАШЕМУ ЗАКАЗУ».
Все одностраничники должны корректно отображаться в различных браузерах и удовлетворительно отображаться на мобильных устройствах.
Если Вам недостаточно какой-то информации – пожалуйста, запрашивайте.
Настоящий конкурс не является публичным конкурсом в соответствии с гражданским законодательством Российской Федерации. Участие в
данном мероприятии не гарантирует определение победителя, а также выплату вознаграждения. Площадка FL не является организатором конкурса. Нажимая кнопку «Принять
участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.