Documentation
C A M I L A P E R A LT A W I E L A N D
In the following pages you will find the documentation of my first 19 weeks of work at Rocket Internet. On the left pages you will find a polar chart that based on my daily updated database of assignments divided in eight poles or clusters of assignments such as : Branding: Logo, typography, colors, imagery, mural, letterhead, business cards. Ui/Ux: Information architecture, user interface and experience design.
It is worth mentioning that the opportunity of working as the designer for a brand new and original project in Rocket Internet called Lyke came after the publication of a previous UDK project in the Entwerfen Visueller Systeme class on Behance. The idea of working for a company the size of Rocket Internet scared me at the beginning but it seemed like a great opportunity for learning how design must be in constant adaptation towards the new implications of constantly changing technologies.
Interaction: App gestures and behaviors such as saving an item, loader, splash screens. Visual Merchandising: All banners and imagery within the App. 3
Social Media: Content for Instagram, Facebook, Twitter and BBM. Iconography: Icon design for several sections of the App. Marketing: Pitch presentation for on-boarding new customers, Google Play and App store design of screenshots, profile and cover images.
WEEK 1
06/04/2015 - 12/04/2015
4
During the first week at Rocket Internet I understood the system of Rocket Internet and meet the team of the venture where I worked. In the venture I started with a typographic research for the logo and visual merchandising, analysis of the existing logo options provided from 3 freelance designers and 99 design platform. Learning the multiple usability parameters that a logo in an App environment has to achieve. Sketching different advertising campaigns that later on will be directed by the performance analytics .
A p p Ico n de sign p review
5 Te as e rs fo r so ci a l me di a s
Di g i t a l a dve r tizing ca mpain gs
WEEK 2
13/04/2015 - 19/04/2015
6
Pixel perfect the chosen logo and implementing it in the multiple platforms that it will be used, iOS, Android, Facebook, Instagram, BBM, Twitter, along with a mockup of the App as cover image. Definition of a visual language according to the brand identity and the user target composed by: Color Pallet, Imagery, Typography. Start creating an Image database for our brand to use in visual merchandising and social media posts .
Is ot ype
Primary Text #454545
Logotype
Secondary Text #909090
App ico n fo r different iOS displays
Subtext, Special Cases #DADADA
Nav Bar / Tab Bar #F9F9F9
Background #F7F7F7
WINTER
Primary Corporate Font, Muller Extra Bold / Tracking 50
fall INTDAI Coral
#e3515b
SALE Red #d40022
#c03726
#f96c41
#dc6542
Secondary Corporate Font, Baskerville Italic / Tracking 50
SUMMER
Western Fashion, Didot Bold / Tracking 0
#d6759c
#4b9ef9
Co l o r Pa l let
#4990dd
#615aba
#1abc9c
#5b56a8
#4baa8e
#9fa4f0
#9295d5
#e1a82d
Spring
Young & Feminine, Adelia / Tracking 0
Typo graphic Pallet
7
WEEK 3
20/04/2015 - 26/04/2015
8
Update the advertising campaigns for Facebook. Prototyping interactions for the App for actions as: liking, saving, sharing and loading. Applying our corporate indentity to graphics for social media posts. Icons for the Facebook Apps page of Instagram and Twitter. Designing several options for walk-though screens for both iOS and Android. Creation of 8px icons within the App, for product shipping time and delivery kind.
Lo ade r exa mpl e s
Ico ns fo r facebo o k apps
9
Wa l k-Tro ugh scre e ns o ption s
WEEK 4
27/04/2015 - 03/05/2015
10
Interaction animations, splash screen and walk-trough screens implementation with the iOS and Android developers. Ui design for the checkout section of the page, in order to simplify the shopping process to the least ammount of clicks possible and one swipe to confirm order. New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia.
Wa l k-Tro ugh scre e ns
11
I nt e rac ti o n of saving a n item to wis h lis t
Main banner fo r ho m epage
WEEK 5
04/05/2015 - 10/05/2015
12
Checkout process design continues and prototyping process starts, new interactions design of displacements and buttons behaviors. Improvements on the old color pallet. Design of a new icon set for the App browse page. New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia.
C h e c ko ut p rototy p e s
13
Browse pa ge o pti o ns
WEEK 7
18/05/2015 - 24/05/2015
14
Building and organizing the brand image data bank. Continue working in the icons set for the browse page. New screenshots for the Google Play Store based on previous designs of the walk-through screens. New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia.
Ma i n ba nne r fo r ho me page
15
S c re e nshots
WEEK 8
25/05/2015 - 31/05/2015
16
Push Notification Icon design for Android according to the new requirements of Google. New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia. On 26/05 the COO of Rocket Internet Dr. Johannes Bruder started working as Lyke’s managing director. He who’s feedback is rarely positive, congratulate me for my work at Lyke.
Vi s s u a l me rcha ndi si ng
17
S o c i al me di a p o sts
WEEK 9
01/06/2015 - 07/06/2015
18
New screens to present the App on the Google Play Store and a new feature graphic. Transforming the interaction animations into html5 animations with the developers. New ads for paid digital advertising as: Banners, Static Interstitials and Native Ads. A 1% of engagement was expected, but the ads made it to 4% meaning the analysis of the user and the visual approach worked better than we thought. Unfortunately this amount of traffic cause the App to collapse.
Fi rs t Fa ce bo o k Ads
19
Fi rs t Fa ce bo o k Ads
WEEK 10
08/06/2015 - 14/06/2015
20
Working in the Ui/Ux designs of a new feed section for the latest version of the App. Design of an interactive PDF for pitching new customers and big sellers that want to be in Lyke . New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia. Design of a chalk lettering mural for the main wall of the new offices.
Office Milest o ne bo ard
M u ral di g i ta l de sign
21
M u ral i n pro gre ss
O ffice Mu ral
Office Po st ers
WEEK 11
15/06/2015 - 21/06/2015
22
Pitch presentation update and translation to Bahasa (indonesian language). New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia. According to new user behavior data, I designed 18 different visual languages to try and prove performance in order to achieve and define the future graphic standards of the App.
Ditangkap beberapa dari tiga rumah Indonesia belanja pada smartphone mereka sehari-hari dengan
kembangkan toko anda untuk mendapatkan fitur inovatif via mobile
BERKEMBANG BERSAMA DENGAN
halaman utama koleksi produk Temukan penjualan, tren terbaru dan brand setiap waktu membuka app
Koleksi yang dikelola direkomendasikan hanya untuk Anda
Tes layanan dengan komisi 0% dalam 3 bulan
pengguna smartphone berkembang
lihat produk
wishlist
check - out
Jelajahi produk dengan cara optimal di mobile
Simpan item favorit Anda dan bagikan dengan teman-teman
Cukup dengan sentuhan jari Anda untuk membeli produk dalam app
dan menangkan pelanggan via mobile
112%
penduduk indonesia menggunakan smartphone menghabiskan waktu
indonesia memilikin
248
3
juta penduduk
2015
2018
juta
juta
47 100
19%
adalah pengguna smartphone
we promote
dapatkan akses untuk menambahkan pelanggan berdasarkan distribusi jalur penjualan
26%
32%
Others
termasuk marketing
pendapatan
Pasar Lyke untuk produk di dalam app melalui media sosial
Tingkatkan pendapatan dan brand image dengan promosi toko harian
menjadi salah satu orang pertama untuk bergabung dan menikmati manfaat pertama lyke
05
Homepage
3.5k 3k
5%
2.5k 2k
8%
1.5k 1k
50k
monthly active users in june 2015
Download here
July
Do you know Lyke ? You can buy our products there
May
50 products in the app will get you a SM post
Find our products on Lyke, best App ever ! get the App here
June
400 products in the app will get you a Push Notification
e - mail newsletter
April
200 products in the app will get you a HP banner
“You can find our products on Lyke� Download here https://www.lyke.co.id/
website mobile
Asisten pribadi terdekat selama onboarding dan manajemen pesanan
HUBUNGI KAMI SEKARANG
Monthly active users
5k 4k
push notification
facebook instagram
social media
04
you sale
you share
4.5k
homepage banner
penggerak pertama
Tidak ada komisi untuk 3 bulan pertama * Rencana perjanjian komisi setelah periode tes
jam per hari
02
tidak ada komisi *
Top Brands
Search
13%
Popular
16%
Recomended
32%
assunta.crux
www.lyke.co.id
+49 1622939318
shops@lykehq.com
of users interact with homepage banners
Download here
200%
08
convertion rate increased 07
50%
up to 50% of all users engage with push notifications
09
Pi t c h p re se nta ti o n
23
Ho me p a ge visua l me rc han diz in g
WEEK 12
22/06/2015 - 28/06/2015
24
First week of testing different visual languages of visual merchandising in Indonesia. New icon design for the category “Hijab wear” according to our data, the term Hijab or Muslim Wear is one of the top search of the users in contrast to “Underwear” standing in the last place. Social media posts based on performance, analytics and trends in Indonesia.
Hi j a b Ico ns exa mpl e s
25
S o c i al me di a p o sts
WEEK 13
29/06/2015 - 05/07/2015
26
Second week of trying different visual languages and analyzing results of the first week comparing results of different CTAs, type of images, colors and typography. Social media posts based on performance, analytics and trends in Indonesia. New ads for paid digital advertising as: Banners, Static Interstitials and Native Ads for the categories: Sneakers, Watches, Bags & Shoes.
S o c i al me di a p o sts
27
C TA or ca l l to a c ti o n o ption s for tes tin g
Nat ive ads fo r bags
WEEK 14
06/07/2015 - 12/07/2015
28
Last week of trying different graphic styles and analyzing results of the past weeks. Pitch presentation update with a new info-graphic slide of success of Lyke, inviting new sellers to be part of Lyke. I was assign to redesign and rethink the content and visual aspects for the website of the App. New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia.
29
Firs t we b s i te d e s i g n s
WEEK 15
13/07/2015 - 19/07/2015
30
New Splash screen designs for the new update of the App. Continuing with the Website design, deciding with the rest of the team what information we want to show and how it will be presented. Deep analysis of the performance of the multiple visual languages tried in the Homepage experiment. New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia.
S p l ash sc re e ns d e signs
31
Vi s u al me rcha ndi zi ng
WEEK 16
20/07/2015 - 26/07/2015
32
New ads for paid digital advertising as: Banners, Static Interstitials and Native Ads. Setting up a new experiment for a better perform measurement to define which graphic style, CTA, typography, colors and type of images perform better with the audience. Brainstorming and making a new video for advertising Lyke, deciding what we want to show and how are we going to display Lyke in a 30 seconds video that we can show in the Play store.
HOMEPAGE FEED PAGE ACCOUNT PAGE PDP SHARE BUY Vi d e o ste ps
Video process o n AE
33
Vi d e o scre e nshots
WEEK 17
27/07/2015 - 02/08/2015
34
New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia. Final details for the video, photo shoot for generating our own content for Social Media. Newsletter e-mail design for confirming orders. I was offered a contract as Lead Graphic Designer, that I had to deny in order to finish UDK.
Viss u a l m e rc h a n d i s i ng
35
So c ia l m e d i a p o s ts
WEEK 18
03/08/2015 - 09/08/2015
36
New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia. Video is finished and uploaded as the feature graphic for the Play store. New developers page for Play store. Together with the head of marketing we created a “Premium seller program� presentation to attract new prospect sellers to be part of Lyke.
Lyke d eve l op e rs p a g e fo r Go o g l e Pl ay sto re
37
So c ia l m e d i a p o s ts
WEEK 19
10/08/2015 - 16/08/2015
38
New visual merchandising for the App landing page and social media posts based on performance, analytics and trends in Indonesia. Premium seller program presentation update. New campaign for Inmobi ads. New screenshots for App store and Play Store, Short video for Instagram.
Viss u a l m e rc h a n d i s i ng
39
So c ia l m e d i a p o s ts
SUMMARY
40