Сайт научно-производствнной компании «Модем»

Задача: Сделать корпоративный сайт с каталогом продукции

Изучаем работу компании, знакомимся с ее продукцией, географией клиентов, условиями работы.

Составляем техническое задание.

Первый вариант. Общая компановка главной страницы верная. В левой колонке будет каталог продукции, чтобы прямо с главной страницы можно было переходить на страницы интересующих изделий. Но вот остальное — мимо. Меню слишком перегруженное. Выделение отдельно ссылки «Для заказчиков» — не оправдано. Что будет в этом месте при просмотре страницы не зарегистрированным пользователем, а обычным посетителем, который не видит этот пункт меню? 

Принимаем решение — сократить главное меню. Первый шаг — часть ссылок убрать из меню, и перенести их в блоки на страницы. Да, при этом переход по этим ссылкам будет возможен только с главной страницы. Но мы пойдем на такой шаг только в отношении только специфических разделов, не связанных с продукцией — «География», «Новости». 
Второй шаг — убираем часть пунктов в подменю. 
А пункт «Заявка на оборудование» выделяем в отдельный блок и помещаем в левую колонку под каталогом. Он будет доступен не только на главной странице.

Следующий вариант. Цель достингута — меню разгрузилось. Картинка и слоганы скомпонованы неудачно. 

Пробуем другой вид компановки — изображение уменьшается по высоте, слоганы расположены под ним с цифрами. 

Нет, не то. Предыдущий вариант был лучше. Надо просто растянуть изображение на всю ширину страницы, увеличить зону расположения слоганов. Пробуем. 

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

Продумываем выпадающее меню. Окончательный вариант.

Прорабатываем страницу изделия. Помещаем краткое описание, основные параметры с номерами, фотографию изделия.

Прорабатываем систему вкладок на странице изделия. Собираем все вместе, пишем программный код, запускаем, тестируем, сдаем.

×

Вы используете устаревший браузер Internet Explorer

Данный сайт создан с использованием современных технологий, не поддерживаемых Вашим устаревшим браузером. Поэтому некоторые элементы страниц могут отображаться некорректно, а некоторые функции сайта будут недоступны. Настоятельно рекомендуем загрузить и установить любой из следующих современных браузеров. Это бесплатно и займет всего несколько минут.