Présentation de projet de fin d'étude Master 2 2017/2018

LITTLE CREATURE BIG CHANGES DIGITAL PLATEFORME «RIEN NE SE PERD, RIEN NE SE CRÉE, TOUT SE TRANSFORME» Antoine Lavoisier

GRAND PROJET MASTER 2 2017-2018

Ajebar abdellah

Phone: +212 (0)6 34 42 717 74

Email : ajebar.abdellah@gmail.com

LITTLE CREATURE BIG CHANGES DIGITAL PLATEFORME

«RIEN NE SE PERD, RIEN NE SE CRÉE, TOUT SE TRANSFORME» Antoine Lavoisier

GRAND PROJET MASTER 2 2017-2018 Ajebar abdellah

INTRODUCTION

Little creature, Big changes 5 // 44

P R O B L E M AT I Q U E

Little creature, Big changes 6 // 44

J O U E T P O U R E N FA N T S

01 RECHERCHE

Little creature, Big changes 8 // 44

Little creature, Big changes 9 // 44

02 ZA AN “CAPSULE“

TITLE DESIGN

Little creature, Big changes 12 // 44

RECHERCHE (MASCOTTE)

Little creature, Big changes 13 // 44

MASCOTTE

Little creature, Big changes 14 // 44

RECHERCHE ( TITLE (LOGO) )

Little creature, Big changes 15 // 44

TITLE (LOGO)

Little creature, Big changes 16 // 44

1

1

/2 x

/2 x

Logo construction

x

1

1

/2 x

CLEARSPACE

/2 x

CLEARSPACE

0.5 x 1

/2 x

1

/2 x

x x

1

/2 x

1

/2 x

1.5 x

Little creature, Big changes 17 // 44

TITLE DES SESIONS Cette langue et écriture a été inventée pour les besoins du capsule

Little creature, Big changes 18 // 44

DESIGN DE PRODUIT ET ENVERENMENT

Little creature, Big changes 19 // 44

Little creature, Big changes 20 // 44

Little creature, Big changes 21 // 44

ECRITURE CONSTRUITE (CONSTRUCTED SCRIPT) Cette écriture a été inventée pour les besoins du capsule et des visuels dans l’univers inventé.

L‘HABILLAGE CAPSULE

ANIMATION https://vimeo.com/ajebar

03 ZA AN UX/UI DESIGN

Little creature, Big changes 25 // 44

CONCEPTE ET WIREFRAME

SYSTÈME DIGITALE

Little creature, Big changes 27 // 44

USER FLOW

info

movie streming Zaan

character

series Onboarding 2

Onboarding 3

Onboarding

Sign up

scanne QR Profil

Packaging creation

How to

add creation Notification Message chat

Login Home scroll

Zaan logo

creation

friends creation

Zaan-zine

actualite

share

Setting Profil My profil Add creation

Welcome

Setting creation

Setting app

Login Facebook Menu

shop

event

Location

Setting GPS

Little creature, Big changes 28 // 44

WIREFRAME (USER EXPERIENCE)

LA TYPOGRAPHIE ET SYSTÈME DE COULEUR

Little creature, Big changes 30 // 44

LES FONTES ET TYPOGRAPHIE TE XTE The old posters and signs in the traditional neighborhood of Buenos Aires called inspired me to design a typeface that rescues the beauty of urban typography from the first PRIMARY FONT FF HEKAYA

FF H E KAYA

DESIGNER : FAHD AL FRAIKH

-

half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open The old posters and signs in the traditional neighborhood of Buenos Aires called inspired me to design a typeface that rescues the beauty of urban typography from the first.

Bold

Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

TYPE EXAMPLES FF HEKAYA

Figures

Special Characters

0 1 2 3 4 5 6 7 8 9 0 ! "#$%&'()/.-,+*:;<=@?>[\]^_`{|}~¢£¥©«®°± » × ÷ ، ‫ ≈ ≤ ≥ ؟ ؛‬− ™ ‘ ’ ‚ “ ” „ ‹ › ⁄ €

‫‪Little creature, Big changes‬‬ ‫‪31 // 44‬‬

‫إطباستخداول أدوبي يم‬ ‫لق إطباستوى استخدار متدرج والبر الصفحات خاصر والشرق العدة مستخدام كونك إنشاءا خالئحة بها خالئق‬ ‫الترتيب الترتيب الخطوط وتجميمكنك يمكنك الظاللتحكم اعتمادة باعة‪ ،‬يمكنتاجهة للطبالصفحات تعلقة‬ ‫مستخدام كنتاجية ببعضهارك لق إطباستوى استخدار متدرج والبر الصفحات خاصر والشرق العدة مستخدام‬

‫كونك إنشاءا خالئحة بها خالئق الترتيب الترتيب الخطوط وتجميمكنك يمكنك الظاللتحكم اعتمادة باعة‪،‬‬ ‫يمكنتاجهة للطبالصفحات تعلقة مستخدام كنتاجية ببعضهارك‬ ‫لق الوثائق النصوص والصفحات واجية الفها خالئق إطباعة‪ .‬إبدام إضافي يمكنك اع واعيد المتدرج والترات لق‬ ‫إصداءا ال بسرع ال بب الظالل يد التسليمكنك العناصر متدرج وجدام النصوص‪ .‬قم والصور موالبعضها‬ ‫لعناصة بسببعضها خاصر مؤثر المحتوى ال وم والمتعمل وجدامج والمحتوية لتراجية‬

‫خط حكاية‬

‫‪PRIMARY FONT‬‬ ‫‪FF HEKAYA‬‬ ‫‪DESIGNER :‬‬ ‫‪FAHD AL FRAIKH‬‬

‫ي ى و ه ن م ل ك ق ف غ ع ظ ط ض ص ش س ز ر ذ د خ ح ج ث ت ب ء أ‬

‫‪Bold‬‬

‫ي ى و ه ن م ل ك ق ف غ ع ظ ط ض ص ش س ز ر ذ د خ ح ج ث ت ب ء أ‬

‫‪Regular‬‬

‫‪-‬‬

‫اببب ب تتت ت تة ثثث ث ججج ج ححح ح خخخ خ د تدذ ر ترز سسس س ششش ش صصص ضضض ض‬ ‫ططط ط ظظظ ظ ععع ع غغغ غ ففف ف ققق ق ككك ك للل ل ممم م ننن ن ههه ه و يو ييي ي آلأللإلال‬

‫‪٠ ١ ٢ ٣ ٤ ٥ ٦ ٧ ٨ ٩‬‬ ‫‪! “#$%&‘()/.-,+*:;<=@?>[\]^_`{|}~¢£¥©«®°±‬‬ ‫‪ ≥ ≤ ≈ − ™ ‘ ’ ‚ “ ” „ ‹ › ⁄ €‬؟ ؛ ‪» × ÷ ،‬‬

‫‪Figures‬‬

‫‪Special Characters‬‬

‫‪TYPE EXAMPLES‬‬ ‫‪FF HEKAYA‬‬

Little creature, Big changes 32 // 44

COLOR SYSTEME

#3AB54B #3AB54B RGB 57) RGB (58, (58, 181, 181, 57)

80% 80%

80% 80%

80% 80%

60% 60%

60% 60%

60% 60%

40% 40%

40% 40%

40% 40%

20% 20%

20% 20%

20% 20%

#F7CA29 #F7CA29 RGB(247, (247,202, 202,41) 41) RGB

#6F6F6F #6F6F6F RGB (111, 111, 111) RGB (111, 111, 111)

#FFFFFF #FFFFFF RGB (255, 255, 255) RGB (255, 255, 255)

Gradients

#3AB54B

#20692A

#F7CA29

#B29018

Little creature, Big changes 33 // 44

ICON (APP)

48x48 96x96

144x144

App icons 196x196

48x48 96x96

144x144

196x196

Little creature, Big changes 34 // 44

ICONS / EMOJIS

Little creature, Big changes 35 // 44

USER INTERFACE

Little creature, Big changes 36 // 44

PROTOTYPE APP

Scanne QR code

Zaan-Zine

Creation

9:41

Streaming

Message

Profile

Little creature, Big changes 37 // 44

Little creature, Big changes 38 // 44

04 PRINT

Little creature, Big changes 39 // 44

Little creature, Big changes 40 // 44

MAGAZINE

Little creature, Big changes 41 // 44

AFFICHE

«RIEN NE SE PERD, RIEN NE SE CRÉE, TOUT SE TRANSFORME» Antoine Lavoisier

LITTLE CREATURE BIG CHANGES GRAND PROJET MASTER 2 2017-2018 Ajebar abdellah