Century 21 Commercial Redesign

Project Details
Project Type

Website Redesign

Client

Century 21 Commercial

Agency

Cyberitas Technologies

Date

February 2019

My Role

UX & UI Design Prototyping

Skills

UI Design, UX Design, Wireframing, UX Research, Prototyping, User Testing, Adobe XD

commercial.century21.com

Project Overview

Over the years, the Century 21 commercial website has shown an incremental lift in traffic and leads. Paired with the 2018 C21 rebrand, the commercial site is in the best position to be revamped, both from a design and structure perspective.

Design Files
Priority Areas:
    1. 1. Build an extraordinary experience to increase visits, generate more leads and recruit agents.
    1. 2. Improve property search features and redesign with a mobile-first approach to elevate the ux.
    1. 3. Redesign the existing CENTURY 21 Commercial website to reflect the new rebranding powered by a CMS to add content.
Additional Focus Areas:
  • Provide digital features that support the overall brand mission to defy mediocrity and deliver extraordinary experiences.
  • The website should help agents become more profitable by:
    o Streamlining the search process
    o Generating a 10% lift in traffic
    o Generating a 5% lift in leads
    • Available functions, resources and services should optimize the user experience by:
    o providing relevant and insightful content to the consumer
    o simplifying the commercial property search transaction process
    o Please note that the commercial will be responsible for creating the content. The site should allow the Digital team to intake content e.g. images, headline, and copy to easily create and publish pages on the fly
    • Update with new wordmark and seal; incorporate Commercial tag when applicable
    Update with new rebranding colors

 

Challenges From The Start:

Although the new brand was beautiful, the newly introduced color palette was never put through real-world testing, and as we found out, the newly approved color combinations would not pass WCAG AA Compliance, so we needed to do a lot of adjustments to make sure everything passed for contrast accessibility.