Dewi Marisa

[vc_section][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vlt_page_title_hero type=”work” overlay=”1″ date_format=”” title=”Toyota voc.” image=”3622″ id=”content”][/vc_column][/vc_row][/vc_section][vc_section el_id=”content”][vc_row full_width=”stretch_row” vlt_overflow=”enable” vlt_shortcode_inside_row=”`{`vlt_particle image=“1241“ image_size=“leedo-800×600“ style=“top: -30px; right: -40px; max-width: 250px;“ y=“100“ x=“0“`}`”][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”1/2″][vlt_animation_block aos=”fade-down” delay=”100″][vlt_section_title align=”left” title=”description.”][/vlt_animation_block][ultimate_spacer height=”40″][/vc_column][vc_column width=”5/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”6/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_column_text css=”.vc_custom_1637301032472{margin-bottom: 0px !important;}”]Voice of Customer is an app built to help Toyota Customer in finding, consulting, testing, and buying their dream car. After converting to Toyota Customer, the user can also use VOC to engage with other Toyota Customer, book a service, find and buy authentic Toyota spare part, submit complain, get reward, etc.

Before this project, Toyota only engaged with their customer through their website and social media. These methods worked yet Toyota had difficulties in maintaining customer engagement. After VOC, Toyota has a better platform to keep in touch and provide a better service to their customer.[/vc_column_text][/vlt_animation_block][ultimate_spacer height=”” height_on_tabs_portrait=”60″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”3/12″][vlt_animation_block aos=”fade-left” delay=”200″][vlt_work_meta align=”left” title=”RESPONSIBILITY” text=”? UI/UX Design
? Customer Journey Mapping”][ultimate_spacer height=”30″][vlt_work_meta align=”left” title=”YEAR” text=”2018″][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][/vc_row][/vc_section][vc_section full_width=”stretch_row_content” css=”.vc_custom_1612445514678{padding-top: 0px !important;background-color: #e60000 !important;}”][vc_row full_width=”stretch_row_content_no_spaces” vlt_overflow=”enable”][vc_column][vlt_simple_image image_overlay=”” caption=”” gallery=”” image=”3621″ el_class=”center-pic”][/vlt_simple_image][/vc_column][/vc_row][/vc_section][vc_section css=”.vc_custom_1612446006480{padding-top: 0px !important;}”][vc_row full_width=”stretch_row” vlt_overflow=”enable” vlt_shortcode_inside_row=”`{`vlt_particle image=“1245“ image_size=“leedo-800×600“ style=“top: -90px; right: -90px; max-width: 250px;“ y=“100“ x=“0“`}`”][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”1/2″][vlt_animation_block aos=”fade-down” delay=”100″][vlt_section_title align=”left” title=”the challenges.”][/vlt_animation_block][ultimate_spacer height=”40″][/vc_column][vc_column width=”5/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_column_text css=”.vc_custom_1637301216414{margin-bottom: 0px !important;}”]Unlike other projects I did before, I did not work directly with the company that requested the app (Toyota). My client was a 3rd party vendor who won a tender (project bidding) for Toyota VOC project. Due to this situation, the brief for the design did not come directly from Toyota and the concept was made by my client (the 3rd party vendor). The design concept was a fix from the client and I was not communicating directly with Toyota. It made this project became more challenging because I could not do research to Toyota Customer and explore more.[/vc_column_text][/vlt_animation_block][ultimate_spacer height=”” height_on_tabs_portrait=”60″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1637301226268{margin-bottom: 0px !important;}”]On top of that, the time constraint was the biggest challenge for this project. The deadline given was 3 days after I was briefed. This meant that I had no time to do any research or create wireframe first and design things straight to the mockup.[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][/vc_row][/vc_section][vc_section full_width=”stretch_row” content_placement=”top” css=”.vc_custom_1612493570859{padding-top: 0px !important;background-color: #f9f9f9 !important;}”][vc_row full_width=”stretch_to_container” vlt_overflow=”enable”][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”1/2″][vlt_animation_block aos=”fade-down” delay=”100″][vlt_section_title align=”left” title=”who it’s for.”][/vlt_animation_block][ultimate_spacer height=”40″][/vc_column][vc_column width=”5/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″][vlt_animation_block aos=”fade-up” delay=”100″][vc_column_text css=”.vc_custom_1637320494295{margin-bottom: 0px !important;}”]VOC was made for everyone who could become a Toyota Customer, but mostly targeted for potential and existing customer. After a customer purchased Toyota car, some functions will unlock and the user will have special access to the full version of the app.[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”60″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade” delay=”100″][vlt_simple_image image_type=”custom” image_size=”leedo-800×600″ image_overlay=”” caption=”” gallery=”” image=”3404″ image_height_desktop=”200px” image_height_tablet=”200px”][/vlt_simple_image][/vlt_animation_block][ultimate_spacer height=”20″][vlt_animation_block aos=”fade” delay=”100″ el_class=”list-bener”][vc_column_text css=”.vc_custom_1636601870773{margin-bottom: 0px !important;}”]Potential Customer

  • Customer whom interested in or potentially buying a Toyota car
  • Customer in need of consultation or have some question regarding a Toyota car or Toyota service

[/vc_column_text][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade” delay=”200″][vlt_simple_image image_type=”custom” image_size=”leedo-800×600″ image_overlay=”” caption=”” gallery=”” image=”3402″ image_height_desktop=”200px” image_height_tablet=”200px”][/vlt_simple_image][/vlt_animation_block][ultimate_spacer height=”20″][vlt_animation_block aos=”fade” delay=”200″ el_class=”list-bener”][vc_column_text css=”.vc_custom_1636600419055{margin-bottom: 0px !important;}”]Existing Customer

  • Customer who already owns Toyota car(s)
  • Customer who search for services or Toyota spare part(s)

[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][/vc_row][/vc_section][vc_section css=”.vc_custom_1612446006480{padding-top: 0px !important;}”][vc_row full_width=”stretch_row” vlt_overflow=”enable” vlt_shortcode_inside_row=”`{`vlt_particle image=“1245“ image_size=“leedo-800×600“ style=“top: -90px; right: -90px; max-width: 250px;“ y=“100“ x=“0“`}`”][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”1/2″][vlt_animation_block aos=”fade-down” delay=”100″][vlt_section_title align=”left” title=”toyota information.”][/vlt_animation_block][ultimate_spacer height=”40″][/vc_column][vc_column width=”5/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″][vlt_animation_block aos=”fade-up” delay=”100″][vc_column_text css=”.vc_custom_1637320507240{margin-bottom: 0px !important;}”]The main function of VOC is to give potential customer the information they needed regarding Toyota car and dealer. The user can go through car catalog, news, events, or promotion. They also can search for the dealer nearby, book a test drive, and of course contact Toyota for direct consultation.[/vc_column_text][/vlt_animation_block][ultimate_spacer height=”60″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjEwMCUyNSUyMmF1dG9wbGF5JTIwbXV0ZWQlMjBsb29wJTNFJTBBJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5kZXdpbWFyaXNhLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjExJTJGQ2FyLUluZm8ubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwWW91ciUyMGJyb3dzZXIlMjBkb2VzJTIwbm90JTIwc3VwcG9ydCUyMHRoZSUyMHZpZGVvJTIwdGFnLiUwQSUzQyUyRnZpZGVvJTNF[/vc_raw_html][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″ el_class=”d300″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1636600469868{margin-bottom: 0px !important;}”]CAR INFORMATION

The main function of VOC is to give potential customer the information they needed regarding Toyota car and dealer. The user can go through car catalog, news, events, or promotion. They also can search for the dealer nearby, book a test drive, and of course contact Toyota for direct consultation.[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjEwMCUyNSUyMmF1dG9wbGF5JTIwbXV0ZWQlMjBsb29wJTNFJTBBJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5kZXdpbWFyaXNhLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjExJTJGRmluZC1EZWFsZXIubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwWW91ciUyMGJyb3dzZXIlMjBkb2VzJTIwbm90JTIwc3VwcG9ydCUyMHRoZSUyMHZpZGVvJTIwdGFnLiUwQSUzQyUyRnZpZGVvJTNF[/vc_raw_html][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″ el_class=”d300″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1636600479094{margin-bottom: 0px !important;}”]FIND DEALER

User can use this menu to find any Toyota Dealer near them. Beside finding the dealer location, user can also contact the dealer or booking a test drive directly and this apps will notify user when their booking is coming up. Also, if the user purchase a car from the dealer, the user can track the order status direct on the apps (In Indonesia when you bought a car, there are some administration process prior to the car being delivered).[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjEwMCUyNSUyMmF1dG9wbGF5JTIwbXV0ZWQlMjBsb29wJTNFJTBBJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5kZXdpbWFyaXNhLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjExJTJGQ29uc3VsdGF0aW9uLm1wNCUyMiUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUzRSUwQSUyMCUyMFlvdXIlMjBicm93c2VyJTIwZG9lcyUyMG5vdCUyMHN1cHBvcnQlMjB0aGUlMjB2aWRlbyUyMHRhZy4lMEElM0MlMkZ2aWRlbyUzRQ==[/vc_raw_html][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″ el_class=”d300″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1636600490239{margin-bottom: 0px !important;}”]CONSULTATION

When user have any question or if want to consult with Toyota to find the best car, they can use the consultation menu to start chatting on the app. The consultation will start from simple questions to match the customer needs with a Toyota admin. After that the chat will started and user can end or continue it anytime.[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][/vc_row][/vc_section][vc_section full_width=”stretch_row” css=”.vc_custom_1628163903680{padding-top: 0px !important;background-color: #f9f9f9 !important;}”][vc_row full_width=”stretch_row” vlt_overflow=”enable” vlt_shortcode_inside_row=”`{`vlt_particle image=“1245“ image_size=“leedo-800×600“ style=“top: -90px; right: -90px; max-width: 250px;“ y=“100“ x=“0“`}`”][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”1/2″][vlt_animation_block aos=”fade-down” delay=”100″][vlt_section_title align=”left” title=”logged in user.”][/vlt_animation_block][ultimate_spacer height=”40″][/vc_column][vc_column width=”5/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″][vlt_animation_block aos=”fade-up” delay=”100″][vc_column_text css=”.vc_custom_1636600501912{margin-bottom: 0px !important;}”]For existing customer, the user will have a profile with their personal and car details. For example, the car type, date of purchase, other Toyota customer they are friends with, and reward points. When the user registered and log in, more features will appear (e.g. Social media, Book Service, Add Complain, Buy Spare Parts).[/vc_column_text][/vlt_animation_block][ultimate_spacer height=”60″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjEwMCUyNSUyMmF1dG9wbGF5JTIwbXV0ZWQlMjBsb29wJTNFJTBBJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5kZXdpbWFyaXNhLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjExJTJGU29jaWFsLU1lZGlhLm1wNCUyMiUyMHR5cGUlM0QlMjJ2aWRlbyUyRm1wNCUyMiUzRSUwQSUyMCUyMFlvdXIlMjBicm93c2VyJTIwZG9lcyUyMG5vdCUyMHN1cHBvcnQlMjB0aGUlMjB2aWRlbyUyMHRhZy4lMEElM0MlMkZ2aWRlbyUzRQ==[/vc_raw_html][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″ el_class=”d300″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1636602496275{margin-bottom: 0px !important;}”]

SOCIAL MEDIA

One of the main features for existing user was social media. Using this app, user can communicated with other Toyota customer. Like a social media, user can do interaction with other users like posting text or picture, liking a post, and commenting on a post. With this feature Toyota want to make an exclusive community just for their existing customer.

[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjEwMCUyNSUyMmF1dG9wbGF5JTIwbXV0ZWQlMjBsb29wJTNFJTBBJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5kZXdpbWFyaXNhLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjExJTJGQm9va2luZy5tcDQlMjIlMjB0eXBlJTNEJTIydmlkZW8lMkZtcDQlMjIlM0UlMEElMjAlMjBZb3VyJTIwYnJvd3NlciUyMGRvZXMlMjBub3QlMjBzdXBwb3J0JTIwdGhlJTIwdmlkZW8lMjB0YWcuJTBBJTNDJTJGdmlkZW8lM0U=[/vc_raw_html][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″ el_class=”d300″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1636600570190{margin-bottom: 0px !important;}”]BOOK SERVICE AND BUY SPARE PARTS

Another feature for logged in user was booking services for their car at Toyota official workshop. User can also order official spare parts for their car and for every transaction user will be rewarded point(s) based on their purchase.[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vlt_animation_block aos=”fade-right” delay=”100″][vc_raw_html]JTNDdmlkZW8lMjB3aWR0aCUzRCUyMjEwMCUyNSUyMmF1dG9wbGF5JTIwbXV0ZWQlMjBsb29wJTNFJTBBJTIwJTIwJTNDc291cmNlJTIwc3JjJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5kZXdpbWFyaXNhLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjExJTJGUG9pbnQubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwWW91ciUyMGJyb3dzZXIlMjBkb2VzJTIwbm90JTIwc3VwcG9ydCUyMHRoZSUyMHZpZGVvJTIwdGFnLiUwQSUzQyUyRnZpZGVvJTNF[/vc_raw_html][/vlt_animation_block][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_tabs_portrait=”40″ height_on_mob_landscape=”40″ height_on_mob=”40″][/vc_column][vc_column width=”5/12″ el_class=”d300″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1636600578662{margin-bottom: 0px !important;}”]REWARD POINTS

For every activity and purchase on the app, logged in user will got reward point(s). The point can be used to redeem a discount voucher(s) for car purchase, booking a service or buying spare part(s). On the reward page, user can see other user’s point on the hall of fame. Every top earner’s points will be shown in there.[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][ultimate_spacer height=”120″][/vc_column][/vc_row][/vc_section][vc_section full_width=”stretch_row” content_placement=”top” css=”.vc_custom_1637333656325{padding-top: 0px !important;}”][vc_row full_width=”stretch_to_container” vlt_overflow=”enable”][vc_column][ultimate_spacer height=”120″][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”1/2″][vlt_animation_block aos=”fade-down” delay=”100″][vlt_section_title align=”left” title=”Prototype.”][/vlt_animation_block][ultimate_spacer height=”40″][/vc_column][vc_column width=”5/12″][/vc_column][vc_column][/vc_column][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″][vlt_animation_block aos=”fade-up” delay=”200″][vlt_button size=”vlt-btn–lg” effect=”1″ block=”” icon_type=”icofont” title=”Prototype” link=”url:https%3A%2F%2Fxd.adobe.com%2Fview%2Fcfdb3747-5d16-4f3c-bfd8-f6a7d8cabe82-9a88%2F%3Ffullscreen|title:Prototype|target:%20_blank|” icon_icofont=”icofont icofont-car”][/vlt_animation_block][ultimate_spacer height=”20″][vlt_animation_block aos=”fade-left” delay=”200″][vc_column_text css=”.vc_custom_1657708372651{margin-bottom: 0px !important;}”]? How to see all the screens:
Exit full screen (esc) and click on the  icon on the top left[/vc_column_text][/vlt_animation_block][/vc_column][vc_column width=”1/12″][/vc_column][vc_column][/vc_column][/vc_row][/vc_section][vc_section][vc_row][vc_column][templatera id=”770″][/vc_column][/vc_row][/vc_section][vc_section][vc_row][vc_column][templatera id=”1070″][/vc_column][/vc_row][/vc_section]