pereverstal (pereverstal) wrote,
pereverstal
pereverstal

Categories:

Большая переверстка Минсктранса, часть 3. Главная страница

Привет всем кто дождался!
Сегодня я покажу вам новую главную страницу Минсктранса
и расскажу о том, как я ее переверстывал.

Если забыли, вот так выглядит сайт Минсктранса сейчас.






Обозначим фронт работ.

Начнем с меню и вообще со структуры сайта.
Выкинем все лишнее. Например «Нормативные документы»
и «Административные процедуры...» нафиг не упали рядовым
посетителям сайта. Если не верите, то пройдите
по этим ссылкам и убедитесь сами.




Филиалы можно смело перенести в раздел «О предприятии»






Для рекламы заведем отдельный раздел в главном меню (реклама — святое.)





Электронные сообщения сбросим в Контакты.



Контакты сбросим в подвал.



Почистим еще немного, удалим всякий ненужный хлам вроде



Конкурс художественно самодеятельности...
Ну ладно, давайте будем честны — кому это нафиг сдалось?


После основательной чистки и реструктуризации у меня
получилась вот такая карта сайта.



С меню и структурой сайта разобрался. Едем дальше.

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






Взглянем налево. Как я уже говорил — мед, говно и немного гвоздей.
Без тазика для рвотных масс и не взглянешь.





Также сайту не хватает блоков с новостями,
которые мы привыкли черпать откуда угодно,
только не с сайта Минсктранса. Да, Минсктранс, нужно будет
расширить штат и создать отдел новостей.

И напоследок переделаю подвал. Весь этот цветастый,
криво сшитый ковер, надо сжечь и вместо него положить
удобный, красивый палас. Туговато у меня сегодня с метафорами.



Ну что ж, время сучить рукава.
Беру в руки карандаш и начинаю делать эскизы сайта на бумаге.








Много, много эскизов




Сетку я решил оставить старую, т.е. 12 колоночную.
Вот какой макет у меня получился первоначально.





Первый подход к снаряду. Раздел с расписанием стал чище и понятнее.
Две трети сетки справа получил блок новостей, который
состоит из главной новости и трех дополнительных.
Информация о работе пассажирского транспорта в связи
с дорожной обстановкой стала как раз под главной новостью,
рядом с ней встал блок с оперативной информацией
(который я назвал просто «Срочно»)




Ниже у нас разместился блок с тарифами, в котором отдельными ссылками
встали калькулятор сравнения стоимостей и пункты продажи проездных билетов.




Взглянув на следующий день на макет свежим взглядом,
я вынес вердикт — говно. Все нужно переделать.
Расписание не красивое и тяжелое, новостей мало,
тарифы на главной нафиг не упали — что цены каждый день меняются?



Начинаю переверстывать свою переверстку.
В первую очередь шапку.
Добавляю логотип. Корректирую пункты меню.
Добавляю номер справочной службы —
уверен пригодится многим и не раз.
Там ему самое место.




Берусь за расписание. В «Городские маршруты»
добавляю инфу из раздела «Тарифы», а именно
«Пункты продажи проездных документов»
и «Калькулятор сравнения стоимости...».
Сюда же становится и USSD-запрос
(хотя непонятно кому он нужен, но вдруг).


К международным маршрутам сразу пришпандориваю
ссылку на сайт www.ticketbus.by (ох, как же руки чешутся
взяться за него поскорее)




Бонусом внизу блока с расписанием
ставлю вот эти две ссылки




Теперь возьмемся за центральный бок новостей.
Придумываю раздел «События», увеличиваю количество новостей.
Сверху главная новость (за фотку спасибо сайту www.citydog.by),
ниже дополнительные.




Под ним всякие новости-анонсы.




Верхний правый край по праву занимает
блок с оперативными новостями.



На это место также можно ставить короткое
и важное послание, которое периодически всплывает
на сайте Минсктранса в самом центре страницы.
Блок оперативной информации при этом чуть съезжает вниз.




Ниже оперативной инфы идет информация
о работе пассажирского транспорта в связи
с дорожной обстановкой




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



Немного поразмыслив, добавляю еще один новостной блок «Как у них?»,
в котором будут публиковаться новости зарубежного транспорта
(от дизайна проездных билетов и схем до интересных историй)





Уф, осталось немного, всего лишь прибрать в подвале.



Убираю цвет, выравниваю все по сеточке. Красота же.




Вот что у меня получилось в итоге (кликабельно).




Спасибо за то, что уделили время!
Призываю вас репостить, лайкать, обсуждать,
критиковать, предлагать, хвалить.

Напоминаю, что это не все. Работа только начата —
впереди переверстка внутренних страниц.
Следите за новостями!



Tags: Большая переверстка, Минсктранс, переверстал
Subscribe

  • Резюме для Максима Воробьева

    Прыуэт! Вчера в vk наткнулся на резюме Максима Воробьева. Тот случай, когда любовь поразила меня с первого взгляда. Не к Максиму конечно, а к…

  • Электронный билет БЖД

    В июле я ездил в Брест на полдня. Билеты впервые купил на сайте rw.by После короткой процедуры выбора направления, дат, ввода фамилии и…

  • Fresh KFC

    Всем привет! В KFC висит вот такая надпись. Помимо хуевой шрифтовой композиции и хуевого кернинга в надписи «FRESH» меня очень…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic
  • 6 comments