Vodafone Designathon
Case Study

An award winning mobile app redesign for one of the biggest telecommunication companies in Turkey.

Introduction

What is the story?

I attended the Vodafone Designathon (Hackathon for Designers) 2019 with my friends Enes Aktaş and Durmuş Kavcıoğlu. We ranked 3rd among 20 teams. This event was really good experience for us. There were 5 scenarios. We got the E-Shop experience of Vodafone Yanımda mobile application.

Platforms

Mobile Devices

Completed

May 2019

See on Behance

Behance

Enes Aktaş, Me and Durmuş Kavcıoğlu

Our name cards & Vodafone Arena

Process

What Have We Done?

I attended the Vodafone Designathon (Hackathon for Designers) 2019 with my friends Enes Aktaş and Durmuş Kavcıoğlu. We ranked 3rd among 20 teams. This event was really good experience for us. There were 5 scenarios. We got the E-Shop experience of Vodafone Yanımda mobile application.

Data

We learned general usage and the online store product's usage statistics from mentors.

Persona & Information Architecture

We got information about our personas Vodafone Red and Vodafone Freezone. After that, we created an information architecture.

Problems & Solutions

We defined what are the pain points are and what can we do better for usability.

Prototyping

After finishing the design process, We decided to inspect our designs in a device and created a prototype for guerilla testing it.

Optimizing

After guerilla testing and inspecting our prototype we realized that some parts of the design could be better. So we optimized the design and finalized it for Designathon.

Persona

Who is our persona?

Vodafone Red

White-collar Melis / High-value Users

Job: Project Manager / Age: 30 / Salary: ₺6.000+ / Education: University

Melis is a university graduated project manager who works in a corporate company. She pays his bills without any delay, uses high Data, Voice, and Message packages, making work travels, using e-commerce, understanding technology, and following news about it. She is intellectual and a top-segment user.

Vodafone Freezone

University Student Alper / Mid-value Users

Job: Student / Age: 21 / Salary: ₺1.000+ / Education: University

Alper is a university student who likes traveling, having fun, and being a social person. He cares about brand loyalty, using social media actively, open to innovations, understanding technology. And He is using his phone continuously and he is a mid-segment user.

Information Architecture

Mobile Shop Homepage

About

The main page of the Vodafone Yanımda has a complicated structure. The users can't see their Vodafone Score. They only see the products that fit with them's Vodafone score. The product cart's title and price information are too much far from each other.

Solutions

  • Simple and understandable user interface design
  • Vodafone score view
  • All products can viewable by every user (Regardless of Vodafone score)
  • More readable and easy to scan product cards
  • Product Detail

    About

    The product detail page has a complicated structure too. The page is far from e-commerce patterns, the content insufficient, can't give confidence to users. Information architecture is complex, product technical specifications, and other options are in the wrong position.

    Solutions

  • Product variants/types can be selected faster now. They are more understandable. Users can feel like in an e-commerce app now.
  • Page's content is more readable with the new description section.
  • With the comments section, users are feeling more secure about buying.
  • We added tabs. So all the content is not fill in just one page anymore. It's categorized, easier to be discovered, and read
  • Cart Page

    About

    The cart page has a complex structure. Items are in the wrong and irregular order. And the last problem with this page is the irrelevant and wrong icon/visual asset selection.

    Solutions

  • Product's and product's preferences are quickly understandable now.
  • As with other successful e-commerce patterns, the cart summary is provided below.
  • Items are in the correct and relevant order.
  • Real image using instead of adding a phone icon.
  • Checkout Page

    About

    On the check-out page, the address form is too long and requires too much effort for the users. Delivery options are not well expressed.

    Solutions

  • Address form is coming filled automatically with the user's registered address. If the registered address is not up to date address, It can be changed easily with the location selected on the map.
  • Delivery options have a better order now. So users can be select options simply and descriptive.
  • Delivery time can be selected with Scotty.
  • All Pages

    Here is the all final screens.