Internal Tool
Internal Tool
Handed Off 2024
Handed Off 2024
myBCA News
myBCA News
Outcomes
Outcomes
Simplified internal tool navigation
Restructured IA and fixed broken pages/links for smoother user flows.
Simplified internal tool navigation
Restructured IA and fixed broken pages/links for smoother user flows.
Improved information discovery by 40%
Enabled faster, more accurate access to articles and company policies.
Improved information discovery by 40%
Enabled faster, more accurate access to articles and company policies.
Optimized CMS workflow from 5→1 minute
With a modular layout that enables admins to update and organize content more efficiently.
Optimized CMS workflow from 5→1 minute
With a modular layout that enables admins to update and organize content more efficiently.
The Problem
The Problem
myBCA portal is a self service tool for employee to access all account information they have and collaborate with other departments using one single user ID.
myBCA portal is a self service tool for employee to access all account information they have and collaborate with other departments using one single user ID.
The news section was developed due to employees' frustrations:
“The portal looks very serious....it screams work, work, and work”
The news section was developed due to employees' frustrations:
“The portal looks very serious....it screams work, work, and work”
Research
Research
Survey and Observation
Survey and Observation
I began by reviewing an internal survey to evaluate the portal’s efficiency. One key finding was that 10 participants cited “too many categories in the News section,” suggesting issues with content overload and navigation.
I began by reviewing an internal survey to evaluate the portal’s efficiency. One key finding was that 10 participants cited “too many categories in the News section,” suggesting issues with content overload and navigation.
Web Audit
Web Audit
I audited the existing portal to test whether poor navigation and content overload were impacting user behavior.
I collaborated with analysts to analyze user session traffic and review bounce rate across key sections.
I audited the existing portal to test whether poor navigation and content overload were impacting user behavior.
I collaborated with analysts to analyze user session traffic and review bounce rate across key sections.
Here's what I found:
Here's what I found:
⭐️
⭐️
Excessive hyperlinks led to unintentional page
Excessive hyperlinks led to unintentional page
⭐️
⭐️
Poor search engine (no filters and keyword mismatch)
Poor search engine (no filters and keyword mismatch)
⭐️
⭐️
Many unused categories
Many unused categories
⭐️
⭐️
Heavy data management on the admin side
Heavy data management on the admin side
myBCA portal interface (previously)
myBCA portal interface (previously)
Prioritizing Through Interview
Prioritizing Through Interview
I talked to 10 employees who regularly use the newsfeed and mapped feedback into an impact-effort matrix to prioritize solutions based on business value within the limited scope of my internship.
I talked to 10 employees who regularly use the newsfeed and mapped feedback into an impact-effort matrix to prioritize solutions based on business value within the limited scope of my internship.
The Goal
The Goal
Redesigning the newsfeed to improve content navigation and user experience
Redesigning the newsfeed to improve content navigation and user experience
Strategy
Strategy
Once the core issues were prioritized, I started with a revised sitemap to better reflect user workflows and streamline navigation.
Once the core issues were prioritized, I started with a revised sitemap to better reflect user workflows and streamline navigation.
Rebuilding the Information Architecture
Rebuilding the Information Architecture
I began by auditing outdated content, removing broken links, and consolidating redundant categories.
I developed a new information architecture to support clearer paths to content and a more intuitive user experience.
I began by auditing outdated content, removing broken links, and consolidating redundant categories.
I developed a new information architecture to support clearer paths to content and a more intuitive user experience.
Visualizing Through Wireframe
Visualizing Through Wireframe
I created some high-fidelity wireframes to get feedback on the overall structure of the newsfeed. This process included setting up a standardized visual hierarchy and layout for future features.
I created some high-fidelity wireframes to get feedback on the overall structure of the newsfeed. This process included setting up a standardized visual hierarchy and layout for future features.
Modular Grid Layout
Modular Grid Layout
I utilized a modular grid layout to make the interface more digestible while supporting editorial-style storytelling.
I utilized a modular grid layout to make the interface more digestible while supporting editorial-style storytelling.
I utilized a modular grid layout to make the interface more digestible while supporting editorial-style storytelling.
Optimized Search Model
Optimized Search Model
I used a categorized search result model with filters, so users can quickly locate relevant content without feeling overwhelmed by dense pages.
I used a categorized search result model with filters, so users can quickly locate relevant content without feeling overwhelmed by dense pages.
I used a categorized search result model with filters, so users can quickly locate relevant content without feeling overwhelmed by dense pages.
Smart Section Filtering
Smart Section Filtering
Using multi-select category filters with horizontally scrollable buttons would allow quick content refinement without affecting the full page.
Using multi-select category filters with horizontally scrollable buttons would allow quick content refinement without affecting the full page.
Using multi-select category filters with horizontally scrollable buttons would allow quick content refinement without affecting the full page.
Gathering Feedbacks Through User Testing
Gathering Feedbacks Through User Testing
I tested the prototypes in four key scenarios with five users to gather feedback on areas for improvement.
I conducted usability testing with 5 users of the newsfeed, focusing on 4 key scenarios to evaluate each feature.
I conducted usability testing with 5 users of the newsfeed, focusing on 4 key scenarios to evaluate each feature.
Success Rate
Success Rate
Based on 5 participants
Based on 5 participants
Scenario 1
Scenario 1
Navigating to newsfeed from portal
Scenario 1
Navigating to newsfeed
from portal
Scenario 2
Scenario 2
Searching Keywords
Scenario 2
Searching Keywords
Scenario 3
Scenario 3
Finding promos
Scenario 3
Finding promos
Scenario 4
Scenario 4
Selecting Categories
Scenario 4
Selecting Categories
Maximizing the Experience Through Iterations
Maximizing the Experience Through Iterations
Most participants found the process of accessing the newsfeed to be confusing.
To fix this, I redesigned the section to be clearer, easier to spot, and visually distinct, giving it its own identity within the portal.
Most participants found the process of accessing the newsfeed to be confusing.
To fix this, I redesigned the section to be clearer, easier to spot, and visually distinct, giving it its own identity within the portal.
All users successfully identified how to access the new newsfeed
All users successfully identified how to access the new newsfeed
Old Design
Old Design
New Design
New Design
Final Design
Final Design
The final design addressed the previous pain points, and after presenting it to the lead designer and project director, I secured full stakeholder approval to move forward.
The final design addressed the previous pain points, and after presenting it to the lead designer and project director, I secured full stakeholder approval to move forward.
Starting Page
Starting Page
Previously, the newsfeed was embedded within the main portal, which made data management frustrating for the admins.
By giving the newsfeed a dedicated entry point and structured workspace, it enables admins to manage content seamlessly and employees to access updates instantly.
Previously, the newsfeed was embedded within the main portal, which made data management frustrating for the admins.
By giving the newsfeed a dedicated entry point and structured workspace, it enables admins to manage content seamlessly and employees to access updates instantly.
From portal to newsfeed
From portal to newsfeed
Hello, I’m your
new newspaper
From portal to newsfeed
From portal to newsfeed
Hello, I’m your
new newspaper
Layout
Layout
I redesigned the experience using a combination of modular grid layout and an F-pattern-aware layout to help users scan updates while supporting more visual, editorial storytelling.
I redesigned the experience using a combination of modular grid layout and an F-pattern-aware layout to help users scan updates while supporting more visual, editorial storytelling.
Search and Recommendations
Search and Recommendations
The old search function was cluttered and slow. I utilize filters and smart recommendations to allow finding relevant articles faster and easier.
The old search function was cluttered and slow. I utilize filters and smart recommendations to allow finding relevant articles faster and easier.
Promo Page
Promo Page
The new promo page uses a card-based layout with category tags, making it easy to scan trending deals at a glance and eliminating the need for extra clicks to see key information.
The new promo page uses a card-based layout with category tags, making it easy to scan trending deals at a glance and eliminating the need for extra clicks to see key information.
What I Learned
What I Learned
🧠 Being proactive
🧠 Being proactive
As my first internship in a corporate setting, I learned to stay proactive through slow feedback loops by setting self-imposed deadlines, moving forward with partial data, and validating ideas through internal testing.
As my first internship in a corporate setting, I learned to stay proactive through slow feedback loops by setting self-imposed deadlines, moving forward with partial data, and validating ideas through internal testing.
⏱️ Balancing autonomy and collaboration
⏱️ Balancing autonomy and collaboration
This experience shaped how I balance autonomy with collaboration, and it deepened my appreciation for adaptability as a core part of the design process.
This experience shaped how I balance autonomy with collaboration, and it deepened my appreciation for adaptability as a core part of the design process.
This experience shaped how I balance autonomy with collaboration, and it deepened my appreciation for adaptability as a core part of the design process.
Storytelling
DESIGNING WITH LOGIC, MOTIVATED BY IMPACT, BUILDING WITH
Storytelling
DESIGNING WITH LOGIC, MOTIVATED BY IMPACT, BUILDING WITH