Альто-блог
- 29 Января 2014
-
Опера ближе, чем вы думали
Познакомившись с Аидой Гарифуллиной, узнав ее пожелания и виденье себя, понимаем, что ее нынешнему имиджу соответствует более казуальный, «ламповый», менее бурлескный стиль. Важно показать утонченность и естественную красоту певицы, передав с ее образом и характер репертуара.
Появляется идея нарисовать сайт акварелью, а затем оживить его, сделав некоторые части картины подвижными, как в мультфильмах Александра Петрова. Собираем мудборд.
Накидываем скетч, чтобы была понятна идея, встречаемся с Аидой, презентуем.
Господи Иисусе, да это же крутая идея
с акварелью! Можно под каждый раздел нарисовать подходящую ему картину.
Наконец-то будем рисовать сайт не brush
tool'ом, а настоящей кистью.Артем Ермолаев
дизайнер проектаКлиенту нравится идея, но нужно время на осмысление. После раздумий и обсуждений понимаем, что немного не попали в желаемый новый имидж. И решаем остановиться на фотографиях — живых, теплых.
ФэйлНа этом этапе работы над проектом Аида едет в Лондон на фотосессию. Пользуясь случаем, связываемся с фотографом, даем рекомендации к снимкам, которые нам нужны. Все сложилось очень удачно.
Дождавшись фотографий, собираем макеты всех страниц, едем на репетиционную базу Аиды, чтобы презентовать новый дизайн. Ожидая встречи, приобщаемся к высокому.
С незначительными правками клиент принимает дизайн проекта. Дорабатываем детали, отдаем на верстку.
Более прозаично, но не менее важно — о верстке. Сайт верстался, используя последние технологии html5, css3, css3-анимации. Верстка адаптивная под все разрешения экранов (планшетов и мобильников). Также под ретину-экран, что мы делаем по умолчанию на всех последних сайтах. Сайт сделан в виде одностраничного, используются ajax-технологии для подгрузки контента. Также сделан html5-аудиоплеер с круговым тайм-лайном песни.