.png){kind=logo}
I spearheaded the design of a product page for "mySource," Comcast's internal platform launched in 2018. Now, it serves over 100,000 users and accumulates 20 million content views yearly, showcasing consistent growth.
As the sole UX/UI designer for the mySource project, I took the reins from inception to completion. I not only designed and built the page but also took it through to publication. Beyond design, I managed the project's entire timeline and milestones, effectively serving as my own project manager, ensuring timely and quality delivery.
Note: For legal and confidentiality reasons, certain mockup images in this portfolio have intentionally obscured text.
To clearly and compellingly convey the value proposition of the Xfinity Storm-Ready WiFi, emphasizing its significance and differentiating features, ensuring that users understand its unique benefits and importance in today's connected world.
To optimize the user journey and design elements to significantly boost page views to the Xfinity Storm-Ready WiFi page, ensuring that users are intuitively guided to, and engaged with, the content and visuals crafted.
The Storm-Ready WiFi page was launched August 15th, 2023! For confidentiality reasons I have omitted the actual values for these metrics.
The day it goes live, we saw a spike in page views. Within the first 24 hours of its launch, the page received an outstanding 100 views.
Here's the device usage of the web traffic.
I initiated my design process with a virtual kickoff meeting, bringing together divisional stakeholders, subject matter experts, and the communications team. This collaborative session allowed me to collect essential requirements, brand imagery, and communications content.
With clear soft and hard deadlines set, I transitioned into the ideation phase, sketching and letting my creativity take the lead.
CHALLENGE 01
Unclear user experience leads to frustration in users—in turn increases the drop off rate.
EXAMPLE
There are multiple ways for a user to land on the Xfinity Storm-Ready WiFi page. I captured four primary user flows for a user to land on the Storm-Ready WiFi page
IMPACT
With no defined journey, users easily get lost and lead to low conversion.
I sketched multiple user journeys to map the steps users would take in seeking information about the Xfinity-Storm Ready WiFi product.
CHALLENGE 02
A pressing issue on the mySource platform is the lack of content relevancy. This means the content doesn’t always match what users are hoping to see which is vital to align with user expectations and drive desired results
EXAMPLE
When a user arrives on a product page and encounters irrelevant content, they may feel confused or believe they've landed on the wrong page.
IMPACT
This can quickly lead to frustration, prompting the user to leave the page immediately, resulting in a bounce.
To solve for content relevancy I included only content provided by the sales communications team and strategically arranged it by the most important information to secondary information.
.png)
I shared the wireframe with stakeholders. Everyone agreed that the flows and content were thoughtfully crafted to cater to both our users' needs and our business goals. With no further edits I began crafting the mockup.
CHALLENGE 03
Adherence to brand guidelines is paramount on platforms like mySource, especially when dealing with distinct brand imagery of Xfinity Storm-Ready WiFi.
EXAMPLE
A user landing on the Xfinity Storm-Ready WiFi page will expect to see the unique brand imagery and language that will also be reflected not only on mySource but through all marketing initiatives.
IMPACT
Deviation from brand guidelines risks legal complications and erodes user trust, resulting in a diminished experience with the brand.
I started transitioning my wireframe to a mockup in Figma by including brand imagery. This gave it a more complete, branded look, turning the skeletal design into a visual representation closely aligned with our brand's identity.
.png)
CHALLENGE 04
I had to adapt my design process to quickly include new legal-approved content and infographics into my mockup, all while navigating tight deadlines and stakeholder feedback.
EXAMPLE
The additional content provides users with information that will deepen their product knowledge in turn helping them sell the product to prospective customers.
IMPACT
A user will benefit from the content additions by ensuring that they receive up-to-date, diverse, and comprehensive information that caters to their and customers evolving needs and preferences.
In the second feedback phase, stakeholders introduced new legally-approved content and shared static imagery for the page. I was tasked with seamlessly integrating this content and imagery into the design without disrupting the existing layout, while also ensuring accessibility.
Stakeholders shared the importance of users not only being informed about customers who are eligible but also customers who are not eligible. The design changes included adding bold or larger font sizes for headings like "Eligible Customers" and "Non-Eligible Customers" which can provide immediate clarity for users. I divided the content by utilizing boxes and different colors to segment the information visually.
Through discussion with the stakeholders the information was supplemental information that would best fit at the bottom of the page in the resource section. Focusing on the UI design I integrated buttons that link directly to these evergreen resources, ensuring they remain easily accessible and aren't obscured within other components. Now users can find these resources in multiple places on the page.
"Accessibility is not about designing for a few. It is designing for us all."
-Paul Boag | Share
I received static infographics from stakeholders and transformed them into accessible rich text designs for screen reader compatibility.
I shared the finalized mockup to our stakeholders, and it was met with approval, signifying a cohesive alignment with our project's objectives and brand standards.
I built the responsive Storm-Ready WiFi page in mySource an Unily platform. The page was published August 18th, 2023.
.png)
Myself and the communications team will continue to work together to ensure all content such as promos, offers, links, and resources are up to date.
I intend to review all user feedback and act on their suggestions and maintain communications with them that their feedback is appreciated.
___________________________________________________________________________________
Thank you for diving into my project! If you have any questions or thoughts, feel free to reach out to me. If you would like to see more check out my other projects below.
.png){kind=logo}
.png)
.png)
.png){kind=logo}
