Pompidou Nsangou
Product Designer
Made with

REDHOUSE
Virtual
Education

Every design choice should serve a purpose.

REDHOUSE Webpage Redesign

REDHOUSE Webpage Redesign

Redesigning a Web Experience

REDHOUSE Virtual Education is a minority led startup company, creating immersive, interactive and engaging Mixed Reality software applications for educational use.

Problem:

There was a major disconnect between what we did at REDHOUSE, and what people understood we did when browsing our site.

My goal: 

Redesign the experience of the website. Reduce confusion. Add some life to the previous design. 

Project Details: 

Lead UX Designer 

  • User Testing
  • Information Architecture
  • Strategy and Planning
  • Copywriting
  • UX/UI Design
  • Adobe XD

Timeframe - 2 Months

Original Website Design

Original Website Design

Identifying Pain Points

Quick usability tests, coupled with my own design expertise, gave me the insight needed to pin point all the problems with the original website. 

The site was dull, confusing, and with poor information architecture. Needed stronger images, and a bolder color contrast. Some pages had very little content. There were inconsistent design choices throughout the site. 

We provided a new and unique solution. Our site needed to reflect that. 

My aim with the redesign:

The site should feel strong, bold, and modern.

Fonts should represent strength, stability, and forward thinking.

Understanding The Disconnect

Because we’re dealing with a new space, we have to educate our audience on what we do and why they should come on board. The goal is to inform our audience as much as possible on the front page alone, before they feel the need to dive further into the site. 

Design Exploration
Moodboard

Moodboard

1 of 4 Design Iterations - Designed in Figma

1 of 4 Design Iterations - Designed in Figma

Homepage Design Iterations

I had a good idea of the flow I wanted to follow for the homepage, I just needed to figure out how to structure the elements in each section. 

The Structure

  • Failed Design
    • I was trying to follow the feel of the original design. Separating sections with bold colors. 
    • Red is our main brand color. Unfortunately, the excess of red caused this design to be unbalanced. 
  • What Is Mixed Reality?
    • Many people don't know what Mixed Reality is. 
    • It was important that the user understands this before continuing. Our entire product and service offering banks on having this knowledge. 
  • CentralVision by REDHOUSE
    • This was our main product offering. 
    • I wanted users to get a glimpse of what it was so they could hopefully click to learn more, before scrolling further.

REDHOUSE Virtual Education

The Classic Drop-Down Menu

Since we were only showing a few pages, I didn't see a need to have a full drop down menu. 

I opted for a drop-down static menu that would come down when the "OUR FOCUS" menu option was selected. 

This secondary menu would be static, allowing the user to navigate through all the pages, and would go away once the user left the Our Focus section. 

Final Designs

UI Design

I experimented with design options in Figma. Designed the final screens in Adobe XD.

  • Visual style. 
    •  Strong, Bold, and Modern
  • Followed current web design standards.
    • Thinking about accessibility, color contrast, font size, etc.  
  • Designed for web, with mobile in mind. 
    • Thinking of responsiveness when sectioning off content, and picking fonts.
  • Proud of the sleek and modern feel of these pages. 
    • I spaced out elements so content can breathe. 
    • Because this is a software company, I wanted a sleek design to show through. 
  • Achieving business and user goals:
    • There is clarity in what we provide and what users understand about our product offering. 
    • Users can feel comfortable signing up for our platform, or furthering a conversation with us to learn more about the services we offer.