Brand
Identity
Communication
Web
Pitch
Collaterals
The Comparison Co.
The Comparison Company allows one to buy all household utilities in one place, with one online profile, so you never have to enter your information again.
With version one of the TCC website in place, what started as a simple review of the design quickly became an iconic website overhaul. A refreshing interface was created while keeping the core structure and functionality of the website untouched.
The logo for The Comparison Company uses a clean, modern design that cleverly visualizes its core purpose; comparison and choice.
The “tcc” monogram is formed with smooth, rounded lowercase letters that create a friendly and approachable feel, while the two arrows (one blue and one yellow) move in parallel, symbolizing exchange, evaluation, and contrast, the very essence of comparison.
Maven Pro
Primary
Salem
#00a74d
The UI typeface includes a unique curvature and flowing rhythm. Its form makes it very distinguishable and legible when in context.
Primary
Gray Nurse
#E6E7E4
The Hero section captures attention with a vibrant image of the TCC girl, creating an inviting atmosphere. With dynamic text that auto-populates the location, users feel immediately welcomed and catered to. The prominent call-to-action directs users to explore the best deals, while a clean zip code box ensures easy access to localized offers.
In the Top Deals section, the top four deals are showcased alongside company logos, enhancing recognition and retention for users. This visual representation of top offers encourages engagement and facilitates informed decision-making.
Testimonials from satisfied customers are prominently displayed next to a newsletter grab, reinforcing trust and credibility. The presence of the TCC girl adds familiarity and warmth, encouraging users to subscribe for updates and exclusive offers.
Subcategories are neatly listed with apt iconography and contrasting colors to highlight important terms. This design choice enhances readability and ensures key information stands out for users browsing through different categories.
The Comparison Tables section offers a clean layout with price and benefit comparisons of the top five deals under each category. A dropdown option allows users to explore additional features, ensuring thorough comparisons before making a decision.
Beneath the comparison tables, personalized reviews of each provider offer valuable insights and recommendations. With prices listed alongside, users can easily evaluate options and navigate to their preferred deals with the click of a button.
Finally, dynamic cards showcase the most recent comparisons made by other users, providing real-time updates on deals. This feature encourages engagement and fosters a sense of community among users seeking the best offers.
This section presents service and utility categories as clean icons, promoting clarity and simplicity. Clicking on these icons leads users to relevant subcategories, minimizing confusion and streamlining navigation for a smoother user experience.
