January 8th, 2017

MailRu

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

Но при всем при этом я терпеть не могу этот сайт.
Полная каша на главной, причем по-большей части
из какого-то мусора в виде банеров сраных игр или
превьюх моего мира. А если ты на секунду потеряешь
бдительность, то лови какой-нибудь браузер Амиго или
Агент мэилру (без антивируса никуда). Можете себе представить,
чтобы Яндекс или Гугл стойко ассоциировались
бы с навязчивой рекламой и вирусами?

Короче, час настал. Сегодня я переверстаю главную страницу мэилру.
Сразу оговорюсь, что я ни разу не веб-дизайнер и мне, чуть что,
абсолютно насрать на то, если вдруг банер со сраными играми станет
не там, где это нужно маркетологу или случайно исчезнет то, что приносит
компании дикую прибыль. Я буду делать страницу для себя, т.е. такой,
какой бы я хотел ее видеть, изредка посещая этот сайт.

Поехали. Вот главная страница.




Для начала давайте назовем основные проблемы.



1) Вот эти два тяжелых пятна, которые перетягивают
на себя внимание и перегружают страницу.





2) ICQ и Одноклассники. На главной странице мэилру.
Нахера они мне нужны? Скорее «Мой Мир» открою,
чтобы вспомнить, как выглядят фотки, сделанные
на цифромыльницу, чем перейду по этим ссылкам.
Кстати ссылки в вебе должны быть подчеркнуты как
завещал самизнаетекто.





3) Это тоже ссылка, причем нахер никому не упавшая.
Вводишь в строке поиска нужный запрос, потом можешь нажать
«Поиск в интернете», а можешь как обычно желтую кнопку
«Найти» — результат будет один и тот же.





4) Мед, говно и гвозди. Во-первых, размещать гороскопы у себя на сайте
это давно уже моветон. Во-вторых — где подзаголовок «Курсы валют»?
И в третьих — тут нарушено правило внутреннего и внешнего,
т.е. ТВ программа стоит слишком близко к погоде, работа к курсам валют,
почта для бизнеса к гороскопам (которые я с превеликим удовольствием удалю).





5) Фотка мультиварки вот-вот совершит побег


Итак, проблемы обозначили, берусь за переверстку.
В первую очередь определяюсь с сеткой.
В данном примере у нас сетка из 16-ти колонок.





Удаляю одноклассников, АйСцыкЮ и конечно же сраный гороскоп




Удаляю «Поиск в интернете». Делаю по-больше разделы поиска.




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




.., а товары и услуги направо




Укорачиваю раздел новостей и увеличиваю его.
Раздел «Мой Мир» увеличиваю на три фотки и ставлю в подвал,
вместе с баннером про игры (предварительно сделав его меньше).




Чтобы фотки банера и Моего Мира не были такими визуально тяжелыми,
делаю их менее насыщенными. При наведении мышью, фотка обретает
свою родную насыщенность.




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




Можно еще переделать раздел с новостями.
Но, не принципиально.



Спасибо за внимание!