Century 21 – Mega Navigation

Project Details
Project Type

Website Feature

Client

Century 21 / Realogy

Agency

Cyberitas Technologies

Date
My Role

UX & UI Design Prototyping

Skills

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

Project Overview

The purpose of this design update is to bring the site header, footers, Mega Nav and Free Text Search more inline with the C21com updated rebrand site design.

Design Files
Play Video

Previous Navigation

 

Design:

The design approach used on the Mega Nav was to create a dramatic look that sets C21 apart from the competition. The dark approach to the design creates a sense of class and style. The Free Text Search follows the same design approach, but we have also created a light and dark option to choose from.

When the Free Text Search is clicked on the sub-pages, the top nav bar will hide all other links and fade out the background as to focus the user’s attention solely on the search results. The Footers have been modified slightly to add the language selector and remove it from the main navigation.