


Yellow Pages
Yellow Pages
Dec 18, 2025
Dec 18, 2025
Webdesign
Webdesign
1. Objectives The main challenge of this project was to modernize a legacy brand (Yellow Pages) and introduce a new functional segment while maintaining its historical reliability. Modernizing Heritage Branding: The primary objective was to take the iconic Yellow Pages visual identity (traditionally associated with physical books and older directories) and translate it into a contemporary, sleek digital interface that appeals to a younger, tech-savvy demographic. Information Architecture Optimization: Yellow Pages sections often deal with vast amounts of data. The objective here was to create a "New Section" that simplifies the discovery process, using a clean grid system and intuitive filtering to prevent user overwhelm. Visual Refresh (Yellow & Dark Mode): To move away from the "cluttered" look of traditional directories, the design aimed to use the brand's signature yellow as an accent/action color rather than a dominant background, often pairing it with dark themes or clean white space to create a "premium" feel. Action-Oriented UI: A key goal was to reduce the "friction" between searching and contacting. The UI was designed to make contact buttons (Call, Map, Website) the most prominent elements in the card layouts.
1. Objectives The main challenge of this project was to modernize a legacy brand (Yellow Pages) and introduce a new functional segment while maintaining its historical reliability. Modernizing Heritage Branding: The primary objective was to take the iconic Yellow Pages visual identity (traditionally associated with physical books and older directories) and translate it into a contemporary, sleek digital interface that appeals to a younger, tech-savvy demographic. Information Architecture Optimization: Yellow Pages sections often deal with vast amounts of data. The objective here was to create a "New Section" that simplifies the discovery process, using a clean grid system and intuitive filtering to prevent user overwhelm. Visual Refresh (Yellow & Dark Mode): To move away from the "cluttered" look of traditional directories, the design aimed to use the brand's signature yellow as an accent/action color rather than a dominant background, often pairing it with dark themes or clean white space to create a "premium" feel. Action-Oriented UI: A key goal was to reduce the "friction" between searching and contacting. The UI was designed to make contact buttons (Call, Map, Website) the most prominent elements in the card layouts.
2. Web/UI Design Analysis Layout & Spacing: The design utilizes a generous amount of white space compared to traditional directory layouts. This "breathing room" helps the user focus on individual service providers. Typography: The use of bold, sans-serif typography ensures legibility and gives the section a "directory-meets-lifestyle-app" aesthetic. It moves the brand away from "utility" and toward "experience." Iconography: Custom, minimalist icons are used to categorize services, making the "New Section" feel organized and modular. This allows the design to scale as more categories are added.
2. Web/UI Design Analysis Layout & Spacing: The design utilizes a generous amount of white space compared to traditional directory layouts. This "breathing room" helps the user focus on individual service providers. Typography: The use of bold, sans-serif typography ensures legibility and gives the section a "directory-meets-lifestyle-app" aesthetic. It moves the brand away from "utility" and toward "experience." Iconography: Custom, minimalist icons are used to categorize services, making the "New Section" feel organized and modular. This allows the design to scale as more categories are added.









Conclusion
3. Conclusion The design of the Yellow Pages New Section serves as a successful Brand Evolution. Execution: Felipe Vargas successfully transitioned the brand from a "list-heavy" utility to a "discovery-focused" platform. The design feels like a modern marketplace (similar to Yelp or Google My Business) but retains the unique yellow-brand DNA. Effectiveness: By prioritizing a mobile-first, card-based layout, the section becomes highly functional for "on-the-go" users. The clean UI increases the perceived value of the businesses listed within the section. Final Verdict: The conclusion of this design is that simplicity is the ultimate sophistication for legacy brands. By stripping away the clutter and focusing on high-contrast visuals and clear CTAs, the project successfully breathes new life into a classic brand, making it relevant for the modern web.
3. Conclusion The design of the Yellow Pages New Section serves as a successful Brand Evolution. Execution: Felipe Vargas successfully transitioned the brand from a "list-heavy" utility to a "discovery-focused" platform. The design feels like a modern marketplace (similar to Yelp or Google My Business) but retains the unique yellow-brand DNA. Effectiveness: By prioritizing a mobile-first, card-based layout, the section becomes highly functional for "on-the-go" users. The clean UI increases the perceived value of the businesses listed within the section. Final Verdict: The conclusion of this design is that simplicity is the ultimate sophistication for legacy brands. By stripping away the clutter and focusing on high-contrast visuals and clear CTAs, the project successfully breathes new life into a classic brand, making it relevant for the modern web.

Motion design
Visual design
UI/UX design
Storytelling
Felipe
Adding a sprinkle of wizardry to your project and let's craft a truly magical experience.
Reach out and let's unleash the potential of your project. ✨
© 2024, Felipe Vargas

Motion design
Visual design
UI/UX design
Storytelling
Felipe
Adding a sprinkle of wizardry to your project and let's craft a truly magical experience.
Reach out and let's make it happen ✨.
I'm also available for full-time or Part-time opportunities to push the boundaries of design and deliver exceptional work.
© 2024, Felipe Vargas

Motion design
Visual design
UI/UX design
Storytelling
Felipe
Adding a sprinkle of wizardry to your project and let's craft a truly magical experience.
Reach out and let's make it happen ✨.
I'm also available for full-time or Part-time opportunities to push the boundaries of design and deliver exceptional work.
© 2024, Felipe Vargas
