Lyrsense
Редизайн популярного портала с переводами песен. В задачу входило сделать его более современным, приятным и понятным для посетителей.
Главная страница пока находится под вопросом — скорее всего, позже она будет полностью переделана.
До этого для сайта были нарисованы иконки и баннеры.
Портал очень популярный и имеет свою постоянную аудиторию, уже привыкшую к его внешнему виду и довольную им. Исходя из этого, основной целью было не менять кардинально дизайн портала, а сделать его удобнее, понятнее и современнее. Фактически портал состоит из шести самостоятельных, но идентичных сайтов, которые технически различаются только по цвету. Поэтому работа шла над одним сайтом, а к оставшимся пяти долго и скрупулёзно подбирались соответствующие цвета.
Начать решили с главной страницы одного из сайтов и в качестве подопытного кролика взяли «английский» сайт:
Неплохо, но шапка…
Немного меняем правую сторону и, чтобы шапка не выглядела бедно, накладываем некий абстрактный фон:
Теперь шапка становится похожа на то же самое, что и было сначала, только более квадратно-абстрактное. Полностью перерисовываем шапку, а заодно с ней и остальные голубые плашки:
Вроде нравится, поэтому переходим к работе над другими страницами. Через какое-то время выясняется, что уже не нравится, поэтому снова переделываем и шапку, и плашки:
Приятно. Принято.
Теперь по образу и подобию можно делать шапки для оставшихся сайтов:
Переходим к шаблону страницы с переводом песни, на которой одной из достопримечательностей стал полностью перерисованный плеер со списком песен, который никак не желал принимать нормальный вид:
↓
↓
↓
↓
Наконец плеер пришёл в норму и тут же был перекрашен в требуемые цвета:
Шаблон для «Музыкального ринга»:
↓
Более навороченный «Хит-парад» с целым ворохом статистических данных:
↓
Шаблон для «Песен по тегам»:
Раньше сайт выглядел так:
