top of page

This is the AT&T phone plan page, including the mobile version. Although it's organized and visually appealing, the plan options don't seem to get the attention they need.

64697f4ca7135968ec5ec893ba7ddcd74cd02c49.png

I decided to conduct a comprehensive competitive analysis by researching several well-known phone plans, such as T-Mobile, Verizon, and Mint Mobile, to better understand their offerings, pricing structures, and unique features. This would help me gain valuable insights and make a more informed decision.

a70a9ecbf68438ce29f8abdb72fd8493b90d2a9e.png
681e7dd26f7534e108312815ebd4c183a6a36189.png
6e863ac68ba8dc3a5f4c07393bd20349f2198f07.png
Sketched Arrow_edited.png

I notice that the limited time offer
on Mint mobile caught my attention
from the gradient color box, so i decided to implement a variant into my iterations.

Through my analysis, I began developing iterations that incorporated contrasting colors to enhance visual appeal and clarity, all while carefully staying within the company's established color palette to maintain brand consistency and cohesiveness across the design.

Iteration1

iteration3.png

Iteration2

iteration2.png

Iteration3

iteration1.png

Iteration4

iteration5.png

Iteration5

iteration5.png

During my process, I realized there was an issue with color contrast. The color gradient could have posed a challenge for users with color blindness, making it difficult for them to read the offer.

coolors.co_contrast-checker_ffffff-00b8ff.png
iteration3Color.png

To address this issue, I employed a contrast checker tool to verify that the text was readable for all users, including those with visual impairments, while preserving the company's color palette to maintain brand integrity.

This also gave me a reference to adjust the gradient bar for the badge.

Group 55Line.png
COLOR.png
COLOR2.png
Group 57FF.png

By combining iterations 2 and 3, I found this solution to be the most captivating and visually engaging, with a strong ability to capture attention. I then created two distinct variants, each with slight adjustments, and presented them to users for feedback. This allowed me to gather valuable insights and make further refinements to ensure the design resonated well with the target audience.

iterationcolor2.png
iterationcolor2.png

Based on the research, Variant A seemed to engage users more effectively than Variant B, drawing more attention and positive reactions. This suggests that Variant A better aligns with user preferences and expectations, offering a more appealing and intuitive design.

Group 59TT.png

If I were in the decision-making role, I would introduce this change to better capture users' attention and make the plan more appealing. By focusing on user engagement and enhancing the visual appeal, it would significantly improve the chances of users selecting this plan, ultimately leading to better customer retention and satisfaction.

Group 465.png
bottom of page