Альто-блог

29 Января 2014

Опера ближе, чем вы думали

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

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

Накидываем скетч, чтобы была понятна идея, встречаемся с Аидой, презентуем.

Господи Иисусе, да это же крутая идея
с акварелью! Можно под каждый раздел нарисовать подходящую ему картину.
Наконец-то будем рисовать сайт не brush
tool'ом, а настоящей кистью.

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

Фэйл

На этом этапе работы над проектом Аида едет в Лондон на фотосессию. Пользуясь случаем, связываемся с фотографом, даем рекомендации к снимкам, которые нам нужны. Все сложилось очень удачно.

Дождавшись фотографий, собираем макеты всех страниц, едем на репетиционную базу Аиды, чтобы презентовать новый дизайн. Ожидая встречи, приобщаемся к высокому.

С незначительными правками клиент принимает дизайн проекта. Дорабатываем детали, отдаем на верстку.

Более прозаично, но не менее важно — о верстке. Сайт верстался, используя последние технологии html5, css3, css3-анимации. Верстка адаптивная под все разрешения экранов (планшетов и мобильников). Также под ретину-экран, что мы делаем по умолчанию на всех последних сайтах. Сайт сделан в виде одностраничного, используются ajax-технологии для подгрузки контента. Также сделан html5-аудиоплеер с круговым тайм-лайном песни.

Поделиться: FB TW