portfolio 2016 (id)

1.

Kev

in T

he

pe

rson

al F

olio

201

6

2.

Kev

in T

he

pe

rson

al F

olio

201

6

1.

December 2013 - May 2015 Associate User Experience Consultant at VML Qais

As the youngest UX consultant, my job is to advise & generate best UX solutions for various brand campaigns & activities in the web, when ensuring their usability, accessibility & context within business & market needs. I am also involved in several complex project such as intranet portal integration, and transforming customer experience for one of the biggest telco brand in Indonesia. Job tasks include : - Created strategies, wireframes, sitemaps, and interactive prototypes. - Support for creatives & client advisories for best practices on user centred designs. Accounts handled : Danone waters (Mizone, AQUA, VIT), Telkom group, Prudential (insurance & ChaChing)

January 2013 - February 2013 User Experience Designer at XM Gravity

- Brief ideation & execution - create wireframes to support creative & front-end. - Created user flows, sitemap and user journey on some interactive campaigns. Accounts handled : Mayora, Sunsilk, Listerine

July 2011 - July 2013 Bachelor of Multimedia Technology Swinburne University of Technology, Melbourne, Australia

• Distinction grades achieved overall. • High Distinction grades for subject : Multimedia Design - Advanced Technology, Web Development and Imaging for Narrative and Storyboards.

CURRICULUM VITAEWORK EXPERIENCE

June 2016 - October 2016 Experience Designer at Sale Stock

Design and develop tools for mainly internal company use, while also doing enhancements on Sale Stock customer facing app as side tasks.

Job tasks include : - Design softwares & tools for internal company use, develop new design patterns & use case while also continuously optimize these tools through user feedback. - Research & collaborate with other departments such as marketing, data, and technology to gain insights from customers & leverage these insights through executions in the form of app enhancements, feature redesigns and realignment.

May 2015 - April 2016 User Experience Architect at OgilvyOne Worldwide

As UX Architect, I act as the UX practicioner inside the agency plus took active part as the project owner for interactive campaign & big platform-related projects. I devise strategy, consulting to clients, doing competitive review, and also plan and generate solutions for brands activities & initiatives especially on web & mobile platform.

Job tasks include : - Managing all UX deliverables : environmental scan, UX audit, content strategy, content matrix, sitemaps, user flow, use case, wireframes, interactive prototypes. - Project ownership : oversee project from ideation to live, to make sure it follows not only wireframes, but also best practices, business objectives, and expected KPIs.

Accounts handled : Indosat-Ooredoo (IM3, Matrix, Mentari, B2B), Unilever (SariWangi, AXE, Ponds, Vaseline), Indofood (Popmie, Indomie), Wyeth Nutrition, Philips (Lighting, Corporate), Coca-cola Company.

Internship

Industry

EDUCATION

1.

Kev

in T

he

pe

rson

al F

olio

201

6

2. CURRICULUM VITAE October 2010 - May 2011 Diploma of Multimedia Swinburne College Pathways Programs

• Accelerated pathways which equivalent to year one (1) at Australian university. • Distinction grades achieved overall.

• Certificate of Achievement in Web Development subject as highest achieving student in 2012. • Certificate of Achievement in Multimedia Design - Advanced Technology as highest achieving student in 2013.

November 2012 - August 2013 Marketing Manager at AFIS (Australian Federation of International Students)

AFIS is the student body representing the international students population of Australia on statewide level. As part of marketing leads, I was responsible for sealing partnership & maintaining close relations with four major tertiary education in Australia, as well as promoting & introducing several AFIS initiatives to international students over these universities.

- Designed all promotional materials to be used in the event & many of the AFIS initaitives, such as logos, banners, and flyers. - Maintaining relations with four (4) univerisites in Victoria to introduce & increase participants of all AFIS initiatives to the students.

SKILLSETS

• Environmental Scan • Content Matrix & Strategy • Information Architecture • Competitive Audit • Use Case Analysis • Experience Mapping/User Journeys • User Flow & Task Flow • Sitemaps & Wireframes

• Infographics • Icon design • UI design

• UX Software : Axure RP, Balsamiq, Omnigraffle, Invision, Marvel, Justinmind and of course, paper prototyping. • Design Sofware : Sketch 3.0, Adobe (Photoshop, Illustrator, Indesign, Fireworks).

• Fenny Tjandradinata Operations Manager, VML Qais [email protected]

• Monika Halim VP, UX & Product Design, Go-Jek [email protected]

REFEREES

Software

MultimediaAccolades

Volunteering

User Experience

[email protected]

VIEW MY FOLIO?VIEW MY FOLIO?or

issuu.com/kevinthe/docs/portfolio2016

(+62) 813 - 8585 - 1988or

3.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 1.

DEVELOP TOOLS FOR INTERNAL MARKETING AUTOMATION PLATFORM AT SALE STOCK INDONESIA.

{ }{ }

User ExperienceUX DeveloperProduct OwnerFront end DeveloperBack end Developer

: Kevin The: Regina Rombang: Gerald Logor: Binarharandra Rizaldi: David K. Saputra

ClientProjectOwner

: Sale Stock Indonesia: Marketing Automation platform: Sale Stock Indonesia

4.

Kev

in T

he

pe

rson

al F

olio

201

6

Currently, Marketing division are one of the highest budget spender at Sale Stock, and this is majorly due to many third parties software used : there are total of 3-4 software that currently Sale Stock signed up at : Betaout, Emarsys, and some more. This can be greatly reduced to achieve better productivity & efficiency - as one of Sale Stock’s company goals.

The realisation of this is Markotop : MARKeting autOmaTiOn Platform : which will consolidate all of Sale Stock’s marketing efforts: creation of eDMs, Landing page, and Facebook posts into a single platform software.Markotop project is initiated by the Marketeering team (growth marketing + analyst) and will be later used by all funnels of the team from MoFU, ToFU, and BoFU.

Marketeering team at Sale Stock

To build a robust product from scratch, here we put a proper MVPs process from the very first iteration (MVP00) until any number it takes (MVP04, MVP05 ... ) to achieve a complete, working, and later monetize-able product.

For the design process itself, first I gather requirement based on insights from MoFU, ToFU, and BoFU teams - I visited the Serpong office to see how the team work, to gather requirements and analyze pain points from each teams. Then, we the developer at Markotop discuss on future MVPs and what to expect from each iteration - which feature are essential and which features will be good to have. After all the requirement gathering process are finished, I build the design and mockups which will be continued by developers, all through constant supervision from us UX team and product owner.

Process : Building through MVP

5.

Kev

in T

he

pe

rson

al F

olio

201

6

Following the design, the developer will continue to build the system with the guide of created UI. Feedbacks are given regularly through testing and any changes will be implemented to the design, and communicated thoroughly back to developers - this form an Agile workflow into the pipeline.

We are currently still continue to build the system through future MVPs iterations, to make the product more complete and reach a monetize-able heights.

Execute the design & future iteration plan

After requirement gathering phase, I make the design for each segments of the software, started from Facebook Automation feature, and continue through the Segmentation feature and so on. The design are tested regularly to the stakeholders : the user (Marketeering team) and the product owners through simple interactive mockups to validate if my UI are sound, functional and visual wise. As the product is meant for internal use, the testing would become easier since participants are limited to these small number of stakeholders.

Building internal-facing solutions

6.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 2.

MAINTAIN TOOLS FOR CUSTOMER SERVICE HANDLING SYSTEM AT SALE STOCK INDONESIA.

{ }{ }

User ExperienceUX DeveloperUX ResearcherFront end DeveloperBack end Developer

: Kevin The: Regina Rombang: Alvi Syahrina: Achmad Mahardi: Widjanarko Djatmiko

ClientProjectOwner

: Sale Stock Indonesia: Customer Service platform: Sale Stock Indonesia

7.

Kev

in T

he

pe

rson

al F

olio

201

6

Customer Service at Sale Stock

Serviam : our CS platform

What makes Customer Service (CS) team at Sale Stock different from other e-Commerce is that they rely 100% purely on chat platform. Which means that customer can only interact with CS through chatbox on Sale Stock apps/website, and there are no phone lines or email to contact.Why it is designed this way? One of the main reason is to maximize the efficiency and effectiveness of CS department - cutting the calls and email center will reduce significant part of the operations budget.

The main CS platform at Sale Stock is codenamed Serviam (Latin : to serve). In-house built, the first to built using react.js of its kind. We at Sale Stock develop Serviam on daily basis to make improvement on many aspect of the tools - ranging from code refactoring to major MVP upgrade.I, as the UX person for Serviam worked directly with developers, providing ideas for future realignment and to re-examine current Serviam features. We exchange ideas for improvement on weekly basis, and each person/developer tackle which problem to tackle for the whole week. He/she can also tackle other problems in the ideas bucket as soon to smoothen the execution. On Serviam we practiced Agile method even so more than other developer divison of Sale Stock, due to CS team’s very fast paced nature and constantly changing requirements.

8.

Kev

in T

he

pe

rson

al F

olio

201

6

For design team itself, which consist of me and a UX researcher, we consistenly throwing idea buckets into the group, sometimes adding initiatives such as guerilla testing to the CS.We also totally responsible to maintain the UI qualities of Serviam using given UI Kit, and to make improvement to the existing UI Kit. Redesign process in Serviam is done through modification of the kit - we call it “realignment” which means not only to redesign but also to take a look and repurpose features and functionalities inside the UI, if necessary.

UI realignment & redesign process

We are responsible for our own feature enhancements and modifcations to the Serviam tools. For example, from 4 months handling Serviam, some contribution I’ve made include :1. Building a customer rating system which will let agents rate rude and improper customers;2. Integrate Facebook & Youtube comments handling section into the Serviam main system;3. Completely upgrade the look and feel of the design to match the standards as defined in the UI Kit platform.

Feature enhancements & maintenance

To understand Customer Service teams’ pain points, the best method is to directly ask them through in-depth interview. Regular research is being conducted at one month time period in our CS base in Jogjakarta. There are two ways for us designers to gather insights from CS team :

1. Short Usability Testing (UT) : we ask CS to perform several tasks, then record and observe their actions, behavior, and reaction while completing the task. 2. In-depth interview : talking directly to CS and asking them about their experiences when using Serviam, WMS and other internal facing tools.

Researching CS : direct interview

9.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 3.

REINVENT & REPOSITIONING A PLATFORM FOR PHOTOGRAPHY ENTHUSIASTS IN INDONESIA.

{ }{ }

User ExperienceProject ManagerStrategic PlannerDesignerDeveloper

: Kevin The, Monika Halim: Aji Yudo, Rossy Ananda: Ignatius Andhika: Teguh Septian: CreoActive (vendor)

ClientProjectOwner

: Indosat-Ooredoo: Indosat Snap application: OgilvyOne Worldwide

10.

Kev

in T

he

pe

rson

al F

olio

201

6

Indosat plans to revitalize Indosat Snap which is one of biggest photography community in Indonesia. The execution is to create an integrated hub, in the form of mobile app, which consolidate existing CRM components, while adding new features & contents that supplements the revitalization plan.

The Objective

Before we start all UX process & task deliverables, we plan the key pillars & strategy behind this SNAP application, to ensure the future plan is aligned to business objectives & and also within production feasibility.

New Direction & Strategy for Snap

The first step in our process is to define each UX pillars to define further content mapping and categorization.

With the pillars, we can derive the IA and arrange flowchart (sitemap) of the application.

Content Mapping & Categorization

11.

Kev

in T

he

pe

rson

al F

olio

201

6

Next, we create wireframe repositories for all pages, screens, and states in the app.

Wireframes

12.

Kev

in T

he

pe

rson

al F

olio

201

6

The creatives & developer team is to develop the UI and build the apps, with supervision from UX team.

UI Design

13.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 4.

CREATE PRESENCE & HUB FOR BRANDS NEW TO DIGITAL PLATFORM.

{ }

{ }User ExperienceProject ManagerArt DirectorInteractive Designer

: Kevin The: Nudzrani Kamil: Dani Dwiputra: Anita Novitasari, Eugenia Clara

ClientProjectOwner

: Danone Waters (VIT): VIT website revamp: VML Qais

The new revamp also plans to extend the responsive quality of Minum VIT website so it can be viewed on both mobile & tablet platform.

14.

Kev

in T

he

pe

rson

al F

olio

201

6

Danone waters - VIT division plan to revamp the existing www.minumvit.com and align them more closely to the VIT brand original pillars - as a bottled water producer focusing at middle to lower end consumer in Indonesia.

The Objective

The new revamp is focused with the element of “lightness” which is an important pillar of the VIT water brand, incorporating all of the original features of the old VIT website, my job is to enhance the UX and align it with best practices in the industry. Features added including responsive layout for tablet & mobile, and better integration with social media respositories.

Brand Pillars & IA

15.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 5.

TRANSFORMING THE CUSTOMER EXPERIENCE FOR THE LARGEST TELCO COMPANY IN INDONESIA.

{ }

{ }Solutions ArchitectBusiness IntelligenceUser ExperienceProject ManagerArt DirectorWeb DeveloperProgrammer

: Kurt Kurniawan, Jiten Khanduja: Sala Muthukrishnan: Kevin The, Will Lee: Justin Chai, Andreas Christiadi: Melissa Kwee, Danny Hananto: Guntur Raharja: Oracle team

ClientProjectOwner

: Telkom Indonesia: Telkom CX: VML Qais

16.

Kev

in T

he

pe

rson

al F

olio

201

6

Oracle Consulting has appointed VML Qais as its agency partner to transform customer experience for Telkom - the government-owned an also the largest data, mobile & landline telecommunications provider in Indonesia.

The objective of this customer experience transformation is to integrate the whole customer-facing process of Telkom from manual to digital, thus leverage the quality of service provided by all lines of Telkom’s product & services.

The Objective

UX strategy created for this project addressed the needs to create a better customer experience for telco systems, not limited to digital touchpoints but also its offline touchpoints.

Since the project is Oracle-led, all project are created with Oracle softwares, web apps & widgets constraints & limitations in mind. All of the created design will follow Oracle-provided guidelines and need to be in line with their softwares.

Design Requirement & UX Strategy

Several customer use case for create profile, order purchase, and bill payments.

General consumer journey inside Telkom digital ecosystem.

17.

Kev

in T

he

pe

rson

al F

olio

201

6

The overall information architecture of Telkom CX, is to encompass the personal, business and company facets of Telkom, and by doing this we are set to revamp the whole 3000- pages that total of their current websites have, into one single platform, and also integrate their e-Commerce section with Oracle-built CRM web apps.

Information Architecture

18.

Kev

in T

he

pe

rson

al F

olio

201

6

Then we arrived into the wireframe stage. This project is done with Agile methods where tons of revisions, fixes, and updates done through multiple sprints.Each large portion of features or flow systems is separated into different sprint, which in the larger picture it forms each chunk of the sitemap.

Wireframes

19.

Kev

in T

he

pe

rson

al F

olio

201

6

In parallel, after some sprints being done, the UI design for some of the pages are crafted, alongside its HTML, with constant supervision from the UX team.Then we hand these deliverables over to Oracle to be further developed & integrated with their systems.

UI Design & Front-end supervision

20.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 6.

HELPING BRAND LAUNCH NEW PRODUCT VARIANT ONLINE.

{ }


: Kevin The: Nudzrani Kamil: Dani Dwiputra: Anita Novitasari

ClientProjectOwner

: Danone Waters (VIT): Levite product launch microsite: VML Qais

21.

Kev

in T

he

pe

rson

al F

olio

201

6

Levite is the new brandchild of “VIT” water products - which basically is a flavoured water with orange & strawberry choices. As complimentary part of VIT, Levite has its own distinct brand targeting - which brings us to develop its own microsite inside the VIT Water brand site.

The Objective

Being a product launch website, the pages are designed with low information density as possible, allowing user to focus on the product & visual. All the corresponding elements were also designed with minimal features to let user focus on contents & visuals.

Product Launch site

Some mockups of the Levite landing page section.

22.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 7.

MANAGING & OPTIMIZING CONTENT HUB AS BRAND REPOSITORIES.

{ }{ }User Experience

Project ManagerArt DirectorDeveloper

: Kevin The, Monika Halim: Dhaniati Wiryanwan: Prayuda Bimo: Max Solusindo (vendor)

ClientProjectOwner

: Unilever (AXE): AXE Website Optimization: OgilvyOne Worldwide

23.

Kev

in T

he

pe

rson

al F

olio

201

6

Throughout my tenure at Ogilvy, AXE has shifted its brand purpose & message twice : AXE BLACK and AXE HOUSE. With these new perspectives, we create a live sustainable platform as one of its brand repositories. A modular “home” which could customize AXE brand according to its necessity & brand directions.

The Objective

Since the AXE.co.id will be the main product hub, we devise a clear, comprehensive strategy which includes a content & site mapping, to decide which content goes to which section on the website. Many of the contents are modular - ie. they serve as templates for further use in future use, for example articles.

Product & Content Strategy

24.

Kev

in T

he

pe

rson

al F

olio

201

6

We also make sure that our platfrom works on multiple devices, to reach Indonesian target audience which majority comes from mobile & tablet platforms.

Accessibility in Multi-Devices

Our next step is to build sitemaps & wireframes according to product & content strategy created.

All of the wireframes is documented in detailed functional specification document as guidelines for further maintenance.

How we Build It?

25.

Kev

in T

he

pe

rson

al F

olio

201

6

Last but not least - we continually improve our platform based on result from Google Analytics.

For example below, we plan to optimize our navigation as data from our GA shows that more people clicks on the hamburger navigation as opposed to normal one.

Optimization : Learn from Real User

Navigation plan : before optimization

Navigation plan : after optimization

26.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 8.

CONTINUOUS OPTIMIZATION OF EXISTING TELCO PLATFORM SITE.


Project ManagerArt DirectorDesignerDeveloper

: Monika Halim, Kevin The: Rossy Ananda: David Webb, Paula Ramos: Teguh Septian, Shane Ali: Salt (vendor)

ClientProjectOwner

: Indosat-Ooredoo: Website Optimization: OgilvyOne Worldwide

27.

Kev

in T

he

pe

rson

al F

olio

201

6

IndosatOoredoo.com is the platform & company site of Indosat. Throughout my tenure at Ogilvy, it has went through several optimization phases as the main hub for Indosat’s digital activities, both campaign-based and platform-based, mostly happen because of the rebranding of Indosat into Indosat-Ooredoo.

At Ogilvy, we have the controls over website alongside with our technology vendor Salt. With every passing campaign, there are either adjustment or modification to their website in which we UX have to review & recommend.

The Objective

As UX architect, my job is to analyze every website modification or optimization brief that come from client, and see if we could propose better solutions to tie their needs.

Since the website is Indosat’s main owned media, many of the campaigns are using the website as its main channel - namely the Indosat Digital Nation relaunch campaign in November 2015 and IM3 Ooredoo activation campaign in February 2016.

IndosatOoredoo.com as owned media

First major changes in November 2015 - as part of Indosat rebrandinginto Indosat-Ooredoo

28.

Kev

in T

he

pe

rson

al F

olio

201

6

The website also went through some optimization phases, for example at the launch of Digital Nation, the Indosat website also skinned from its look & feel to follow Ooredoo style guidelines. However, we also propose the changes should cover some structures of the current Indosat website so that it can follow Ooredoo’s content & tone of voice.

Website Modification

In recent, we also get access to the GA of Indosat, so we can see which pages are working and which pages aren’t, thus we recommend and optimize the pages based on this learnings.

For example, on the current Indosat page, the middle content used to be filled with four (4) tabs each linked to some promo bundles, Indosat’s social media (outside links) and assistant system. Data from GA shows that people mostly click on social media links and ditch the rest, so we remove the other contens in recent optimization phase and replace it with Social Wall - a plugin which aggregrate Indosat’ social media streams.

Learning from Analytics

Second major changes in Marh 2016 - as part of Indosat consumer section changes into IM3 Oooredoo

29.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 9.

CREATE PRESENCE FOR A CSR INITIATIVE FOR LEADING BOTTLED WATER BRAND ON THE WEB.

{ }


: Kevin The: Fenny Tjandradinata: Dani Dwiputra: Anita Novitasari

ClientProjectOwner

: Danone Waters (VIT): AQUA : Clean Water Initiative: VML Qais

30.

Kev

in T

he

pe

rson

al F

olio

201

6

In its partnership with Danone, VML Qais is tasked to create website for the parent brand AQUA : a CSR campaign highlighting AQUA’s water initiative campaign to create clean water access in rural areas around Indonesia. Objective of the site is to introduce, educate, and involve AQUA audience about this initiatives.

The Objective

The website is presented in one-pager fashion in which points regarding the initiatives were described thoroughly. User can either sign up, buy the T-shirts or look at tips & tricks presented which are the main digital touchpoints of this campaign.

The CSR Website

Wireframe screens of the AQUA Clean Water Initiative website.

31.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 10.

OPTIMIZING & MANAGING PLATFORM FOR LEADING INDONESIAN TEA BRAND.



: Kevin The, Monika Halim: Dhaniati Wiryawan: Prayuda Bimo: Max Solusindo (vendor)

ClientProjectOwner

: Unilever (SariWangi): Website Optimization: OgilvyOne Worldwide

32.

Kev

in T

he

pe

rson

al F

olio

201

6

For their 2015 & 2016 plan, SariWangi are set to keep their current website, however we from the UX team will do some optimization to the current website. With the help from analytics team, we also find out which page is working and which aren’t, and then fix it. In short, we have the power to change the website’s IA and optimize it accoding to campaign direction & analytics results.

The Objective

Accounts & UX team are working together to dig some results from the GA inside the current SariWangi website, and based on the analytics found, we are to build hypothesis & deduct which pages & content are working and what does not.

While some low results are caused by technical problems - wrong banner tagging, page does not linked properly, some are UX and content-strategy related issues which need to be addressed in the optimization.Based on analytics and BCI stated by SariWangi brand team, we mandated that the website’s content should be 40% about the product and 60% talking about family.

Website Analytics & TrackingChanges on navigation structures & new content matrix for quickfix, devised by UX team.

33.

Kev

in T

he

pe

rson

al F

olio

201

6

We are come up with optimization plan, and for the UX part, we are to apply it directly to current website features and IA.

In the execution, other than make make changes to the navigation, I also develop a new UI style guide to be used in further website revamps for the following years. In relations to the IA, the new direction also allows the site to be more modular (template-based).

Optimization Plan

We are expected to continue this practice for the following year. Even for now in 2016, we are still doing optimization for this year all-around, to align website with the current campaign plan, and to reduce number of bounces, exit, for all pages.

The creative & development team are following plan created by UX and adjust the changes in motion.

Continuous UX & Layout Improvement

34.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 11.

RE-IMAGINING A BRANDSITE INTOEXTENSIBLE MODULAR PLATFORMS.

{ }



ClientProjectOwner

: Danone Waters (Mizone): Mizone 2015 revamp: VML Qais

35.

Kev

in T

he

pe

rson

al F

olio

201

6

For its 2015 plan, Mizone will revamp the whole www.mizone.co.id and also restructuring its content so that they does not need to build separate micropages for each passing campaign.

Using Mountain Dew and Wendys brand site as reference, we are set to create tile-based website which acts as the true home for Mizone brand.

The Objective

The core of this revamp plan is “modularity” in which this website needs to cater every future product & campaign needs through created modules & templates, so that we does not need to create additional pages for these campaigns.

We also keeping responsiveness in mind - so that this website will be easily accessed from desktop to mobile.

Creating Modularity

36.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 12.

INITIATE LEADS-BASED CAMPAIGN FOR INSURANCE PRODUCT MARKETING.

{ }



ClientProjectOwner

: Prudential Insurance: Pru -Your Child- product marketing: VML Qais

37.

Kev

in T

he

pe

rson

al F

olio

201

6

Prudential Indonesia entrusts VML Qais to create microsite for its chidlren education insurance products - the For Your Children. This is an insurance product which focused on how to saving for better future children’s education from primary to university level.

The Objective

The campaign is mostly a lead generation campaign - in which a user is “hooked” from one point to another so that they can be interested in the product offered, and finally agreed to sign up to the offered insurance product.

How we refresh it?

38.

Kev

in T

he

pe

rson

al F

olio

201

6

Using the Scrum methodology, the layout was created first followed with wireframe documentation.

CASE STUDY 13.

REINVENTING A PORTAL SYSTEM FOR GIANT TELCO’S EMPLOYEE INTRANET.

{ }

{ }Solutions ArchitectUser ExperienceProject ManagerArt DirectorWeb DeveloperProgrammer

: Hendra Tanto, Aldy Andiheru: Kevin The, Dani Dwiputra: Fenny Tjandradinata: Dani Dwiputra: Guntur Raharja: Oracle team

ClientProjectOwner

: Telkom Indonesia: Telkom Intranet Portal Project: VML Qais

39.

Kev

in T

he

pe

rson

al F

olio

201

6

Telkom Indonesia is the biggest telecommunications provider in Indonesia. The new directions of their brand is to provide a seamless integration of their existing digital respositories, and Oracle in partnership with VML Qais is being tasked to create an intranet system for Telkom employee in Indonesia.

The Objective

The intranet system is a multifaceted login system for Telkom employee to check messages, news, use apps, taking notes, and store internal galleries/videos. My job as UX is to document through the whole strategy, and discuss as well as help art director in giving reccomendation to the layout to streamline the workflow - since the project is done using Scrum methodology under direction from Oracle team.

How we refresh it?

40.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 14.

INVENTING SOCIAL & TRENDS AGGREGRATOR HUB FOR LEADING TELCO COMPANY IN INDONESIA.



: Kevin The, Monika Halim: Rossy Ananda, Lala Camelia: Afrie Rusyadiputra: Salt (vendor)

ClientProjectOwner

: Indosat-Ooredoo: Indosat Trends hub & blog: OgilvyOne Worldwide

41.

Kev

in T

he

pe

rson

al F

olio

201

6

Indosat are set to create an aggregrated digital & social trends hub, which will accumulate all of their social media assets in one single stream of feeds, taken from their Facebook, Twitter, Instagram, Youtube accounts.

This project will be supported under supervision from Ogilvy, with technology capabilities partnered by Salt.

The Objective

We envision the hub to be a content hub & also social hub at the same time. There will be website-specific content, but feeds from social media will also intertwined in the hub alongside all content, and will be filterable.

When concepting the hub, we always try to align it with Indosat’s vision & brand pillars while also creating a separate content pillars dedicated for this hub. From the pillar, content creator can develop further articles & contents which should be included inside the hub.

Imagining the Hub

42.

Kev

in T

he

pe

rson

al F

olio

201

6

The UX team then continue to develop wireframe asset and UI development., continued with development from Salt.

After some revision, and some technical limitations from Indosat guidelines & back-end, we are able to launch the trends blog at www.indosat.com/digitaltrends/id .

Wireframe, Design & Development

43.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 15.

RE-IMAGINING PLATFORM FOR BATIK ENTHUSIASTS IN INDONESIA.


Project ManagerDesignerCopywriter

: Kevin The, Monika Halim: Aji Yudo: Teguh Septian, Afrie Rusyadiputra: Ayumurti Bulandini

ClientProjectOwner

: Indosat-Ooredoo: Batikology revamp: OgilvyOne Worldwide

44.

Kev

in T

he

pe

rson

al F

olio

201

6

Batikology is the hub for batik lovers in Indonesia, owned & managed by Indosat. As part of their rebranding plan , Indosat decided to revamp Batikology as well to give a new breath of fresh air to the nearly unknown platform.

The Objective

Our process started by auditing current Batikology platforms - consists of a website and an app.

Based on our audit, many faults were found in the website, and some are them are fatal - like for example, the website is forced to fit in mobile screens without considering it desktop, resulting in mobile style layout that is far too small to be seen on desktop.

Website Audit & Review

Batikology’s key UX pillars

We do an in-depth audit of pages inside Batikology apps

45.

Kev

in T

he

pe

rson

al F

olio

201

6

Then the process continued by creating & proposing relevant content to Batikology. We work with our content writers & copywriters, while also checking available partnerships that will improve Batikology’s content alongside the project team.

Content & UX Strategy

46.

Kev

in T

he

pe

rson

al F

olio

201

6

Lastly, we crafted pages for all sections in Batikology in wireframes, continued with UI design & copywriting from the creative team.

Wireframe & UI Design

47.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 16.

SUPPORT 360 BRAND CAMPAIGN THROUGH WEBSITE & MEDIA.


Project ManagerArt DirectorTech Lead

: Monika Halim, Kevin The: Romain Gemon: Luddy Prayogi, Max Conrad: Antonius Budiono

ClientProjectOwner

: Coca-Cola company: Share a Coke: OgilvyOne Worldwide

48.

Kev

in T

he

pe

rson

al F

olio

201

6

In the long-time partnership between Ogilvy and Coca-Cola Amatil, we are set to create Share a Coke campaign - adaptation of the global Share a Coke brand which readjusted to suit local tastes.

The Objective

From the UX side, there will be a website to support the campaign digitally, where user can put their name in a digital Coke bottle and use it to print their own real Coke bottle.

As result, there are over 2.000.000 unique visitors were created in the campaign (with the help of media banners), with a third of them (around 600.000) actually complete the task and submit their bottle names. This exceed our KPIs which is 500.000.

Campaign Support & Result

49.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 17.

CREATE AN AGGREGRATOR-BASED SOCIAL MEDIA CAMPAIGN.


Project ManagerDesignerDeveloper

: Kevin The: Dhaniati Wiryawan: Regional team: Mineral (vendor)

ClientProjectOwner

: Unilever (Ponds): #wajahbaruindonesia campaign: OgilvyOne Worldwide

50.

Kev

in T

he

pe

rson

al F

olio

201

6

Ponds’ Indonesia launched its newest campaign - the #wajahbaruIndonesia which build on concept of finding Indonesian women’s main passion points, and channel it through several activities on Ponds’ social media, which is handled by Ogilvy.

From Ogilvy’s side, we are creating campaign which urges Indonesian woman to submit a picture of their chosen passion activities on social media with hashtag #wajahbaruIndonesia.

The Objective

Based on the existing aggregrator plugins, we are set to create UX design concept for the existing campaign. The campaign site is meant to be simple site which aggregrate all these passion points and user’s submission.

Wireframe & UI Design

51.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 18.

PLAN, IDEATE, AND EXECUTE UX STRATEGY FOR LIFESTYLE-THEMED CONCEPTUAL WEBSITE.

{ }

{ }User ExperienceUI Designer

: Kevin The: Kevin The

ClientProjectOwner

: Swinburne University of Technology: Outtatown - Lifestyle website : UX + Planning: Kevin The

52.

Kev

in T

he

pe

rson

al F

olio

201

6

One of my final year’s unversity project, the brief is to develop a conceptual website based on selected lifestyle topic - be it music, fashion, travel, etc. My theme of choice is travel - and I go with family as its main target demograpics. As result, I created a travel booking website which allow people to select destination & recommend accomodation of the lowest rate for the trip.

The Brief

I look up several competitors - and start to draw specific target market for my proposal. Turns out that there are many competitors that caters to different audience segments, ie. Design Hotels targets niche, upper class competitors, when G- Adventurers target backpackers and on-budget travellers.

From competitors, I start to derive content plan & taxonomy, plan its ranking from the most to lest important, and define further features to put inside the website. From this point on I can decide and put which content & features to be included inside the UI prototypes.

The Process

Research & return document brief are part of the process.

53.

Kev

in T

he

pe

rson

al F

olio

201

6

The project was tested on Windows platform, hence a Windows protoype is being used.

CASE STUDY 19.

ENGAGE IN COMPLETE USER-CENTRED DESIGN PROCESS TO CREATE A WORKING ONLINE HEALTH SYSTEM.

{ }

{ }User ExperienceUI DesignerDeveloperTesterAnalytics

: Kevin The, Gallen Guritno: Kevin The, Gallen Guritno: Jingwiwa Lawrence, Gallen Guritno: Jingwia Lawrence: Kevin The,Tanapond Pengtum

ClientProjectOwner

: Swinburne University of Technology: Healthbook : Usability Testing + Evaluation: Kevin The

54.

Kev

in T

he

pe

rson

al F

olio

201

6

This is an one-semester long project involving people from different backgrounds such as Business Information Systems, IT, and Multimedia.The aim of this project is to create an interface design for online eHealth systems called Healthbook. The system can be used to store, record, and manage medical data from both patients and doctors; from medical prescriptions to body measurements.

The Brief

The whole process of this project follows User-Centred Design (UCD) process. We start by envisioning in which context this app will be used, and create storyboards based on it. We try to understand the user, creating personas and learn about their pain points.After that, we come up with a detailed sitemap and some rogh concept & wireframe about the proposed interface.

The Process

55.

Kev

in T

he

pe

rson

al F

olio

201

6

Above : two examples of user flow when uploading reports into the system.

We come up with a detailed working prototype of the interface, created accrdoingly to Universal Design guidelines by Robin Williams’ CRAP (Consistency Repetition Alignment Proximity) guidelines. The prototypes also tested in a formal controlled lab environment with participants from related target backgrounds.

After the prototype is tested, we proceed to create an assessment of the interface, with SUS (System Usability Scale) and make recommendation to improve the prototype.

The Prototype

56.

Kev

in T

he

pe

rson

al F

olio

201

6

CASE STUDY 20.

DESIGN & EXECUTE A DIGITAL MEDIA PROPOSAL TO ENGAGE ELDERLY POPULATION OF AUSTRALIA.

{ }

{ }User ExperienceUI Designer

: Kevin The: Kevin The

ClientProjectOwner

: Swinburne University of Technology: Notold : Branding, UI/UX strategy: Kevin The

57.

Kev

in T

he

pe

rson

al F

olio

201

6

A project which I did as my topic for individual research subject. The class were asked by Swinburne Design Factory - the research division of Swinburne University to help elderly population of Australia enjoy their retirement days when at the same time, increasing their participation in the family & community. Australia is currently experiencing an increase in elderly population, and researchers from Swinburne saw this as a large, mostly unscatched market.

The Brief

As response, we third-year students are briefed to develop a brand, a solution within the multimedia design context to engage the elderly population in a way that won’t make them feel old and weary of their condition, rather making them feel the joy of enjoying their free, retirement age.

We are set to research & evaluate the opportunity from this project, and see if we can actually improve elderly’s life with our proposed solutions. We also look into the product’s marketability towards elderly & their overall behavior.

Branding & Opportunity Evaluation

58.

Kev

in T

he

pe

rson

al F

olio

201

6

I came with Not-Old as solution - social network which exclusively target elderly, and encourage the elderly population to find other elderlies near them, let them interact and doing several activites together or as a group. The app also encourages elderly to bring their family or their community so that they engage in the local neighboorhood.

Solutions & Design

Since this project is designed as multidisciplinary one, our solutions will be further refined and will engage students from different faculty, especially from Faculty of Engineering & IT - software engineers, which planned to develop & code most of proposed solutions including this application.

Further Development

59.

Kev

in T

he

pe

rson

al F

olio

201

6

portfolio 2016 (id)

Documents