Lyke Rocket Internet Documentation

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