VodafoneLogoHomeVodafoneLogoHome

Vodafone

Vodafone Group is a British multinational telecommunications conglomerate, with headquarters in London. It predominantly operates services in the regions of Asia, Africa, Europe, and Oceania. Among mobile operator groups globally, Vodafone ranked second (behind China Mobile) in the number of mobile customers (516 million) as of 2017.

I was challenged by Vodafone to identify and solve usability issues in the "Prepaid" and "My Vodafone" sections; To design a more innovative and engaging "Homepage".

ROLE 
UX Design
UI Design
Visual Design

HEURISTIC EVALUATIONS

Interface and Usability Review

Through heuristic evaluations, I reviewed the interface of the "Prepaid" and "My Vodafone" sections and compared it against accepted usability principles. The analysis resulted in a list of possible usability issues. The advantages of doing these analyzes are the ability to obtain feedback early in the design process, assigning the correct heuristic can help suggest the best corrective measures to designers and also the possibility of using this evaluation method together with other methodologies of usability testing.

WIREFRAMES AND MOCKUPS

New Visual

By following the brand guidelines and maintaining the same principles and emotions, I had the opportunity to visually and interactively enhance the “Homepage”. Giving a more modern and attractive look; Increasing emphasis and visibility of products and services; Introducing animations and microinteractions for a more enriching and engaging experience.

Animated Transitions and Micro-Interactions

Introducing animation and micro-interactions for a more enriching and engaging experience.

Vodafone_BottomImageVodafone_BottomImage
[unex_ce_button id="content_8oaaxyssv,column_content_xzgu7atfj" button_text_color="#6bbce4" button_font="regular" button_font_size="24px" button_width="full_width" button_alignment="center" button_text_spacing="5px" button_bg_color="#f0f0f0" button_padding="75px 60px 75px 60px" button_border_width="0px" button_border_color="#fafafa" button_border_radius="0px" button_text_hover_color="#fafafa" button_text_spacing_hover="4px" button_bg_hover_color="#6bbce4" button_border_hover_color="#fafafa" button_link="http://claudioandrade.net/work/fredbetros/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]PREVIOUS[/ce_button]
[unex_ce_button id="content_8oaaxyssv,column_content_dqsq8l58m" button_text_color="#6bbce4" button_font="regular" button_font_size="24px" button_width="full_width" button_alignment="center" button_text_spacing="5px" button_bg_color="#f0f0f0" button_padding="75px 60px 75px 60px" button_border_width="0px" button_border_color="#fafafa" button_border_radius="0px" button_text_hover_color="#fafafa" button_text_spacing_hover="4px" button_bg_hover_color="#6bbce4" button_border_hover_color="#fafafa" button_link="http://claudioandrade.net/work/aconex/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]NEXT[/ce_button]
[unex_ce_button id="content_8oaaxyssv,column_content_0mv8yh96c" button_text_color="#6bbce4" button_font="regular" button_font_size="16px" button_width="auto" button_alignment="center" button_text_spacing="4px" button_bg_color="" button_padding="75px 60px 75px 60px" button_border_width="0px" button_border_color="" button_border_radius="0px" button_text_hover_color="#818181" button_text_spacing_hover="3px" button_bg_hover_color="" button_border_hover_color="" button_link="http://claudioandrade.net/showcase/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]BACK TO SHOWCASE[/ce_button]