Mobio

Первое мобильное агентство полного цикла

Ос­нов­ные услу­ги — мо­биль­ная ре­кла­ма, про­дви­же­ние мо­биль­ных при­ло­же­ний и игр. В ра­бо­те ис­поль­зу­ют соб­ствен­ные тех­но­ло­гии: плат­фор­му для за­куп­ки мо­биль­но­го тра­фи­ка из со­ци­аль­ных се­тей — MobioPlatform, сер­вис AppFlow для вы­во­да при­ло­же­ний в топ App Store и Google Play, парт­нер­скую CPI сеть MobioNetwork, ко­то­рая предо­став­ля­ет экс­клю­зив­ный тра­фик по мо­де­ли CPI.

Для Mobio мы сделали логотип, прототипы и мокапы страниц, дизайн сайта, дизайн мобильной версии сайта.

Логотип

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

Пу­тём не­дол­гих проб, с под­бо­ром трен­до­вых шриф­тов, с под­хо­да­ми к ру­ко­пис­но­му ис­пол­не­нию, мы при­хо­дим к шриф­ту Bira, с не­боль­ши­ми из­мне­ни­я­ми и до­бав­ле­ни­я­ми соб­ствен­ных эле­мен­тов в знак.

Так же бы­ло при­ня­то ре­ше­ние до­ба­вить в точ­ку бук­вы «i» квад­рат с за­круг­лен­ным уг­ла­ми. В сум­ме этот гра­фи­че­ский сим­вол ха­рак­тер­но на­по­ми­на­ет кноп­ку «home» у мо­биль­ных устройств Apple.

Кли­ент оста­ёт­ся очень до­во­лен ра­бо­той зна­ком и до за­вер­ше­ния ра­бо­ту над всем про­ек­том на­чи­на­ет ис­поль­зо­вать ло­го­тип в со­ци­аль­ных се­тях, в пре­зен­та­ци­ях и в про­чих ис­точ­ни­ках, и на но­си­те­лях ин­фор­ма­ции.

Mobio

Ло­го­тип ис­поль­зу­ет­ся в двух цве­то­вых ре­ше­ни­ях: бе­лый на тем­ном фо­не и чер­ный на свет­лом.

В вы­бран­ном кли­ен­том ло­го­ти­пе ис­поль­зу­ет­ся гар­ни­ту­ра Bira.

 

Mobio

 

Дизайн сайта

Да­лее мы при­сту­па­ем к со­зда­нию ди­зай­на ма­ке­тов сай­та. Для де­мон­стра­ции трёх ос­нов­ных на­прав­ле­ний (услуг) ком­па­нии кли­ен­ту не­об­хо­ди­мо сде­лать слай­дер в верх­ней, са­мой за­мет­ной, ча­сти сай­та. Мы под­би­ра­ем не­об­хо­ди­мые ма­те­ри­а­лы, ри­су­ем бэк­гра­ун­ды, встра­и­ва­ем всё это в ди­зайн и идём даль­ше.

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

До­пол­ни­тель­но для внут­рен­них стра­ниц мы про­ра­бо­та­ли от­дель­ные эле­мен­ты ди­зай­на, на­при­мер, де­мон­стри­ру­ю­щие ви­зу­аль­но ра­бо­ту мо­биль­ной ре­кла­мы и пр.

По­след­ним ша­гом, по­сле ди­зай­на всех стра­ниц сай­та не­об­хо­ди­мо бы­ло свер­стать ре­сай­зы ма­ке­тов для мо­биль­ной вер­сии сай­та.

В сум­ме на­ша сту­дия сде­ла­ла око­ло 30 раз­ных ма­ке­тов стра­ниц сай­та для Mobio.

Mobio
Mobio Mobio

Ди­зайн мо­биль­ной вер­сии сай­та был пе­ре­вер­стан и адап­ти­ро­ван под все экра­ны по­пу­ляр­ных мо­биль­ных устройств, при этом сайт оста­ёт­ся вы­гля­деть так же изящ­но, как и де­ск­топ­ная вер­сия.

По­смот­реть жи­вьем на сайт: mobio.ru