Альто-блог

29 Января 2014

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

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

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

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

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

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

Фэйл

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

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

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

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

3 Декабря 2013

Бить или не бить?

В прошедшую среду к нам приходили тату-мастера из студии «Аризона».

Ребята показали и рассказали все о своей работе, начиная с тщательной подготовки рабочего места перед каждым сеансом, заканчивая забавными историями о том, как, например, клиент пришел с желанием набить руну, а ушел с Бобом Марли.

К сожалению, наша студия не подходит для сеанса, но мастер-класс на банане провести удалось.

Итого, безусловно, каждый сам решает бить или не бить, но если бить, то «Аризоне» можно смело доверять. Ребят можно найти во Вконтакте, например. Вот Миша Елисеев, он работает в лайнворке и дотворке. А это Паша Карпенко, к нему можно идти за олд- и ньюскулом.

Ну а завтрашнее Умное Утро у нас будет посвящено космосу! Да, детки, это будет он. Приходите послушать бред Артема правду о нашей и не только галактиках. Запись как обычно в нашем Фейсбуке под анонсом этого поста.

25 Ноября 2013

Культур-мультур-субкультур

В прошедшую среду мы возобновили «Умные утра» (аве!) с нашумевшей в офисе темы футбольного фанатизма. Докладывал наш веб-технолог, Костя Семенов, из Rubin Ultras. Анонс следующего УУ внутри.

Кроме того, что вряд ли теперь кто-то переплюнет Костю в харизме (на самом деле нет), было очень интересно. Рассказывать в блоге мы, естественно, ничего не будем, ибо приходите в гости — на то оно и утро!

Но презентацией, если кому интересно, поделимся. Желающие, пишите в комментариях на Фейсбуке, пожалуйста. Там есть фото, видео и текст — тяжеловесно.

А на этой неделе у нас первые спикеры со стороны! Миша и Паша, тату-мастера из студии «Аризона», придут, чтобы набить всем лого Альто Вижна прочистить нам мозги, рассказать, какие тату бывают и вообще про свою работу.

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

23 Сентября 2013

Protector5. Перезагрузка

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

Итак, о процессе.

Работу над любым проектом мы начинаем с анализа. Изучаем бизнес клиента: товар, преимущества, систему продаж, сезонность и прочие особенности. Думаем, читаем, рисуем эскизы, делаем прототип сайта.

Едем на склад клиента контролировать фотосессию 4000 шин и дисков.

Делаем первые наброски дизайна.

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

Продолжаем работу над дизайном.

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

Додизайнили, заверстали. Но нет! Нельзя так просто взять и доделать проект. Мы никогда не останавливаемся думать, даже если клиент доволен.

Итак, понимаем, что многоуровневая система вложенности меню будет сильно путать посетителя. «Шины» и «диски» не являются просто разделами, скорее вкладками. Тогда мы приняли смелое, но правильное, на наш взгляд, решение — сделать меню сайта в виде вкладок, основных («Шины» и «Диски») и вспомогательных (всех остальных).

Интерфейс сайта интернет-магазина становится похожим на интерфейс мобильного приложения.

Переверстываем, запускаем: http://protector5.ru

Напоследок о некоторых удобствах и плюшках для посетителей-покупателей:

— Мы сделали выбор максимально наглядным с помощью картинок и иконок, чтобы даже неопытный водитель мог легко подобрать нужные шины и диски по марке автомобиля или другим характеристикам.

— Посетитель может рассмотреть рисунок протектора в деталях с помощью «лупы».

— Любые позиции шин или дисков можно сравнить между собой, с помощью кнопки «Сравнить».

— Прежде чем определиться, вы можете отложить все понравившиеся модели в «Избранное», просто нажав под товаром кнопку «Мне нравится».

Вот и всё. Самое время подобрать себе шины или диски!

14 Августа 2013

Поездка в обсерваторию

В прошедшую субботу мы всей командой оторвались от мониторов и отправились в Астрономическую обсерваторию им. В.П. Энгельгардта, чтобы посмотреть на августовское небо в живой телескоп. И это было круто!

Экскурсию нам проводила Инга Александровна Тахтасьева (Дубяго), которая почти всю жизнь работает в обсерватории и, кажется, знает все о небесных телах, черных дырах и других галактиках.

Площадь обсерватории 20 га. Здесь есть два прекрасных здания 1901 года постройки, где нам провели интереснейшие экскурсии и лекции. А в одном из них, в комнате огромной библиотекой Энгельгардта, мы даже чаевничали, как званные гости.

На небольшом холмике стоит мира-усыпальня, а под ней склеп, где покоится основатель Обсерватории, Дубяго Дмитрий Иванович. Мира построена в 1906 г. на меридианном круге. Исполнена в «византийском стиле» по проекту казанского архитектора Мюфке, украшена сложным орнаментом и опоясана Зодиаком.

Ну и главное, ради чего все едут в Обсерваторию, это телескопы. Через них можно наблюдать за звездами, которые не увидишь невооруженным глазом. Это удивительно - осознавать, что свет многих звезд доходит до нас только через 40, 50 и больше лет! К слову, никто из «Альто Вижн» еще не родился, когда эти звезды начали светить.

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

В общем, наша полу-корпоративная вылазка удалась. Рекомендуем всем не только вместе развлекаться, но и узнавать что-то новое.

Еще немного фотографий — в нашем Фейсбуке. Сходите, посмотрите.