Mail.ru

Sat, 24 Nov 2018 18:22:32 +0300

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Переверстал, заметки с тегом: мэилру

Mail.ru