Изучаем работу компании, знакомимся с ее продукцией, географией клиентов, условиями работы.
Составляем техническое задание.
Первый вариант. Общая компановка главной страницы верная. В левой колонке будет каталог продукции, чтобы прямо с главной страницы можно было переходить на страницы интересующих изделий. Но вот остальное — мимо. Меню слишком перегруженное. Выделение отдельно ссылки «Для заказчиков» — не оправдано. Что будет в этом месте при просмотре страницы не зарегистрированным пользователем, а обычным посетителем, который не видит этот пункт меню?
Принимаем решение — сократить главное меню. Первый шаг — часть ссылок убрать из меню, и перенести их в блоки на страницы. Да, при этом переход по этим ссылкам будет возможен только с главной страницы. Но мы пойдем на такой шаг только в отношении только специфических разделов, не связанных с продукцией — «География», «Новости».
Второй шаг — убираем часть пунктов в подменю.
А пункт «Заявка на оборудование» выделяем в отдельный блок и помещаем в левую колонку под каталогом. Он будет доступен не только на главной странице.
Следующий вариант. Цель достингута — меню разгрузилось. Картинка и слоганы скомпонованы неудачно.
Пробуем другой вид компановки — изображение уменьшается по высоте, слоганы расположены под ним с цифрами.
Нет, не то. Предыдущий вариант был лучше. Надо просто растянуть изображение на всю ширину страницы, увеличить зону расположения слоганов. Пробуем.
Получается гораздо лучше. Замечания следующие: нет ссылки для регистрации пользователей, надо изменить изображение в блоке «Оформить заявку на оборудование» — оно не должно быть похоже на изображения в шапке. Также слишком тяжеловесно смотрятся кнопки «Подробно о компании», «Найти ближайшее представительство« (здесь еще и текст неверный) и «Архив новостей». Примерение кнопок здесь неоправдано. Делаем ссылки, в блоках «География» и «Последние новости» ссылками делаем сами заголовки.
Продумываем выпадающее меню. Окончательный вариант.
Прорабатываем страницу изделия. Помещаем краткое описание, основные параметры с номерами, фотографию изделия.
Прорабатываем систему вкладок на странице изделия. Собираем все вместе, пишем программный код, запускаем, тестируем, сдаем.
Данный сайт создан с использованием современных технологий, не поддерживаемых Вашим устаревшим браузером. Поэтому некоторые элементы страниц могут отображаться некорректно, а некоторые функции сайта будут недоступны. Настоятельно рекомендуем загрузить и установить любой из следующих современных браузеров. Это бесплатно и займет всего несколько минут.