Lyrsense

Редизайн популярного портала с переводами песен. В задачу входило сделать его более современным, приятным и понятным для посетителей.

Главная страница пока находится под вопросом — скорее всего, позже она будет полностью переделана.

До этого для сайта были нарисованы иконки и баннеры.

А вот ещё интересно ↓

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

Начать решили с главной страницы одного из сайтов и в качестве подопытного кролика взяли «английский» сайт:

Страница раздела, версия 1

Неплохо, но шапка…

Страница раздела, версия 2

Немного меняем правую сторону и, чтобы шапка не выглядела бедно, накладываем некий абстрактный фон:

Страница раздела, версия 3

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

Страница раздела, версия 4

Вроде нравится, поэтому переходим к работе над другими страницами. Через какое-то время выясняется, что уже не нравится, поэтому снова переделываем и шапку, и плашки:

Страница раздела, версия 5

Приятно. Принято.

Теперь по образу и подобию можно делать шапки для оставшихся сайтов:

Шапки

Переходим к шаблону страницы с переводом песни, на которой одной из достопримечательностей стал полностью перерисованный плеер со списком песен, который никак не желал принимать нормальный вид:

Плейлист, версия 1

Плейлист, версия 2

Плейлист, версия 3

Плейлист, версия 4

Плейлист, версия 5

Наконец плеер пришёл в норму и тут же был перекрашен в требуемые цвета:

Плейлисты

Шаблон для «Музыкального ринга»:

Музыкальный ринг, версия 1

Музыкальный ринг, версия 2

Более навороченный «Хит-парад» с целым ворохом статистических данных:

Хит-парад, версия 1

Хит-парад, версия 2

Шаблон для «Песен по тегам»:

Песни по тегам

 

Раньше сайт выглядел так:

Предыдущая версия сайта

Предыдущая версия сайта