Алтайские семечки, Зум-Зум, Велкен!

Велкен – верное название завода, который известен продуктами Алтайские семечки и Зум Зум. В СФО компания является лидером на рынке данного направления уже несколько лет, а самые крутые семечки давно пользуются популярностью и за Уралом (ну с нашей стороны “за”). Когда мы получили заказ на разработку корпоративного сайта взамен очень-очень старого, нашу радость можно было выразить словами «Оживление, которое чувствуешь, когда ты, как ребенок, мчишься вниз по горе на велосипеде…» (это я загуглила, что значит Zoom-Zoom, когда эти слова использует Mazda в своем слогане). Оживление было из-за уверенности, что заказчик, с которым была создана вот такая крутая digital-компания, и в этот раз позволит реализовать наши смелые веб-мечты. Так и получилось!

Screenshot (35)

 Продукт

“Дизайнер не может не есть продукт”, такая подпись была под фото в инстаграмме, где он их жадно загребал:-). Продуктовые страницы разработаны с такой же любовью, окутаны в фирменную графику, плавно анимированы.

Screenshot (30)

Хоть продукт и самое важное на сайте, самой крутой вышла следующая страница, ей полностью посвящено эссе дизайнера Марины:

Производство

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


Экскурсия на производство была крайне необходима, увидеть своими глазами все этапы, чтобы затем все честно нарисовать. Получив заветное приглашение на производство, лично я с жадностью пожирала глазами все что видела и сейвила в голове, дико интересно и увлекательно ездить дизайнеру прямо в цитадель рабочего процесса над продуктом. Все скетчи были уже вторичны после экскурсии и впору по горячим следам, срочно накидывать блоки в фотошопе. К слову спасибо гиду по производству Марине, которая увлекла нас не только рассказами но и некоторыми опросами на знание биологии и даже немного химии.

Screenshot (31)
Чтобы не запутать потребителя обилием информации, выбран минималистичный ч/б стиль, толщина линий 1 pxl. Всего надо то нарисовать 3 этажа производства, уместив их в 9 блоков – этапов прохождения семечки, начиная от калибровки на вибростоле, до места на складе заветной коробки с наклейкой.

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

Screenshot (32)

Семечки полезны

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

Screenshot (33)

Международные вопросы

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

Screenshot (34)

Щелкать, лузгать, пробовать на зуб – все это на сайте сделать нельзя, идите в магазин за семечками. Полюбоваться и узнать много нового о крутом региональном производителе – милости просим на сайт!

 

Leave a Reply

Your email address will not be published. Required fields are marked *