TEN-X MARKETING REBRAND

RESPONSIBILITIES

UX / UI / Interaction Design

Visual Design

Qual & Quant Research

TEN-X MARKETING REBRAND

RESPONSIBILITIES

UX / UI / Interaction Design

Visual Design

Qual & Quant Research

Hero
Hero
Hero

The Auction / Ten-X rebrand was a year long effort to separate and distinguish the 3 lines of business that were currently all under one umbrella. It was a very tight-knit effort between Marketing Design, Product Design and the different lines of business.

The Auction / Ten-X rebrand was a year long effort to separate and distinguish the 3 lines of business that were currently all under one umbrella. It was a very tight-knit effort between Marketing Design, Product Design and the different lines of business.

WHAT IS THE PROBLEM?

WHAT IS THE PROBLEM?

WHAT IS THE PROBLEM?

Auction.com is a very successful online real estate platform with its closest competitor owning only about 8% of the marketshare. Auction.com was essentially broken down into 3 lines of business,

  • Wholesale (foreclosure, bank owned, etc)

  • Homes (consumer to consumer)

  • Commercial (investors & consumers)


The major source of the company’s revenue and success has unequivocally been the Wholesale business. The wholesale business although profitable, brought along a major stigma; distress. During customer research session, approximately 75% of consumers associated Auction.com with key words such as bargaincheap, budget, etc.


All 3 lines of business being all under one umbrella was problematic as their wholesale business dragged that stigma along to the other two lines of business (Commercial & Homes). With the efforts of our Chief Marketing Officer, Auction.com began a year long process of rebranding the business.

Auction.com is a very successful online real estate platform with its closest competitor owning only about 8% of the marketshare. Auction.com was essentially broken down into 3 lines of business,

  • Wholesale (foreclosure, bank owned, etc)

  • Homes (consumer to consumer)

  • Commercial (investors & consumers)


The major source of the company’s revenue and success has unequivocally been the Wholesale business. The wholesale business although profitable, brought along a major stigma; distress. During customer research session, approximately 75% of consumers associated Auction.com with key words such as bargaincheap, budget, etc.


All 3 lines of business being all under one umbrella was problematic as their wholesale business dragged that stigma along to the other two lines of business (Commercial & Homes). With the efforts of our Chief Marketing Officer, Auction.com began a year long process of rebranding the business.

WHAT IS THE GOAL?

WHAT IS THE GOAL?

WHAT IS THE GOAL?

The goal was to break the single umbrella that held all 3 lines of business and give each business a chance to be a self sustaining individualistic product. It also was important to eliminate the stigma of bargain properties to be associated to commercial real estate product or consumer home product. It was important to change consumer perception of the business as they wanted sophisticationand quality to be associated with the others lines.

The goal was to break the single umbrella that held all 3 lines of business and give each business a chance to be a self sustaining individualistic product. It also was important to eliminate the stigma of bargain properties to be associated to commercial real estate product or consumer home product. It was important to change consumer perception of the business as they wanted sophisticationand quality to be associated with the others lines.

WHAT IS THE CHALLENGE?

WHAT IS THE CHALLENGE?

WHAT IS THE CHALLENGE?

At this juncture of my career, this was one of the toughest projects I’d embarked on at Ten-X. I was tasked by the director of design to be the designer in charge of the product side of the rebranding. The CMO at the time was adamant about keeping everything in secrecy, even within the company itself. This meant that even within my own product and design team, I was told not to mention any of the process and even forced to sign a non disclosure agreement for entirety of the project.

The project started off bumpy as Marketing made no effort to bring Product into the process for feedback or concerns. The Marketing team hired an outside agency to do the company logo and colors. In the end,  I was shown a deck and then handed some logos and font they wanted to use.


Problem was that everything they did for print & marketing did not translate over web & product. The colors were not good for accessibility (not readable on screen) and the font was not web safe (breaking across browsers). When I was able to give feedback, the Marketing team had to go back to the branding agencies and address all Product concerns. This was a very time consuming and an expensive mistake that could have been avoided through early communication and feedback.

At this juncture of my career, this was one of the toughest projects I’d embarked on at Ten-X. I was tasked by the director of design to be the designer in charge of the product side of the rebranding. The CMO at the time was adamant about keeping everything in secrecy, even within the company itself. This meant that even within my own product and design team, I was told not to mention any of the process and even forced to sign a non disclosure agreement for entirety of the project.

The project started off bumpy as Marketing made no effort to bring Product into the process for feedback or concerns. The Marketing team hired an outside agency to do the company logo and colors. In the end,  I was shown a deck and then handed some logos and font they wanted to use.


Problem was that everything they did for print & marketing did not translate over web & product. The colors were not good for accessibility (not readable on screen) and the font was not web safe (breaking across browsers). When I was able to give feedback, the Marketing team had to go back to the branding agencies and address all Product concerns. This was a very time consuming and an expensive mistake that could have been avoided through early communication and feedback.

WHAT IS THE PROCESS?

WHAT IS THE PROCESS?

WHAT IS THE PROCESS?

The process really had two silos. There was the technical process (how to convey to the developers) and actual visual design process (using marketing guidelines and visual design philosophies). Below I will describe both processes as simply as possible.

Process For Development


The process from the product design side was very meticulous. Myself and the lead front end developer worked closely together and gave a detailed outline to the director of design. A basic breakdown of the plan was as followed:

  1. Assess all current Design System components and making a list of all product pages that use Toolkit components. This includes going over all Page Building Blocks, Navigation, Container and Layout, etc.

  2. Assess every Auction.com Toolkit product pages to make sure that nothing is broken in the process.

  3. Loosely take a current product page (we used the Search Page for this exercise) with Toolkit components and break down which parts exist in the current Styleguide and what needs to be added.


At the end of this process, we wanted to have completed:

  • A theming system for the Toolkit (one Toolkit for all 3 lines of business sharing all the same components and but with each line of business having its own visual/pattern guidelines or theme)

  • An adjusted Auction.com theme based on the new theming system.

  • A Ten-X theme based on the new theming system.

  • A Search Results Page (the one product we chose as the test for delivering)  wireframe that will convey to developers how to bring the bring the Search Results Page into the various themes we were creating using the Toolkit.


The process really had two silos. There was the technical process (how to convey to the developers) and actual visual design process (using marketing guidelines and visual design philosophies). Below I will describe both processes as simply as possible.

Process For Development


The process from the product design side was very meticulous. Myself and the lead front end developer worked closely together and gave a detailed outline to the director of design. A basic breakdown of the plan was as followed:

  1. Assess all current Design System components and making a list of all product pages that use Toolkit components. This includes going over all Page Building Blocks, Navigation, Container and Layout, etc.

  2. Assess every Auction.com Toolkit product pages to make sure that nothing is broken in the process.

  3. Loosely take a current product page (we used the Search Page for this exercise) with Toolkit components and break down which parts exist in the current Styleguide and what needs to be added.


At the end of this process, we wanted to have completed:

  • A theming system for the Toolkit (one Toolkit for all 3 lines of business sharing all the same components and but with each line of business having its own visual/pattern guidelines or theme)

  • An adjusted Auction.com theme based on the new theming system.

  • A Ten-X theme based on the new theming system.

  • A Search Results Page (the one product we chose as the test for delivering)  wireframe that will convey to developers how to bring the bring the Search Results Page into the various themes we were creating using the Toolkit.


Process for Product Design


The branding agency had given product a brand ethos (marketing elevator pitch) to give us a feel for the direction they wanted to head towards. I then had to translate this into a visual design philosophy to pass on to the design team. The key descriptive terms for the product visual direction were as followed:

  • Sleek

  • Refined

  • Sharp

  • Sophisticated

  • Minimal


The product design goals were:

  1. Maintain a clear Ten-X brand

  2. Have a clear distinction between the different Ten-X products

  3. Appeal to the key demographic and eliminate the stigma with Auction.com


The differentiators and decisions I was trying to re-solve during the visual design process was which direction was the new product efforts going to take.

  • Light vs Dark?

  • Dense vs Spacious?

  • Familiar vs Progressive?


This process itself was very lean. There was multiple design feedback sessions with the design and product team as well as communication with key stakeholders (primarily C-Suite) for feedback about the direction the product was heading.

Process for Product Design


The branding agency had given product a brand ethos (marketing elevator pitch) to give us a feel for the direction they wanted to head towards. I then had to translate this into a visual design philosophy to pass on to the design team. The key descriptive terms for the product visual direction were as followed:

  • Sleek

  • Refined

  • Sharp

  • Sophisticated

  • Minimal


The product design goals were:

  1. Maintain a clear Ten-X brand

  2. Have a clear distinction between the different Ten-X products

  3. Appeal to the key demographic and eliminate the stigma with Auction.com


The differentiators and decisions I was trying to re-solve during the visual design process was which direction was the new product efforts going to take.

  • Light vs Dark?

  • Dense vs Spacious?

  • Familiar vs Progressive?


This process itself was very lean. There was multiple design feedback sessions with the design and product team as well as communication with key stakeholders (primarily C-Suite) for feedback about the direction the product was heading.

DESIGN PROCESS

Final Branding Direction (working closely with the Marketing Design team, it was important to understand the physical and visual direction the brand was taking. Particularly with colors schemes and fonts as on the product design side, it was important to determine whether the fonts etc were all web safe and accessible)

Final Branding Direction (working closely with the Marketing Design team, it was important to understand the physical and visual direction the brand was taking. Particularly with colors schemes and fonts as on the product design side, it was important to determine whether the fonts etc were all web safe and accessible)

Moodboard (based on the new marketing visual guidelines, the first thing I did was build a moodboard and shared it with design and business leadership to make sure they were all aligned with my vision and direction for the product)

Moodboard (based on the new marketing visual guidelines, the first thing I did was build a moodboard and shared it with design and business leadership to make sure they were all aligned with my vision and direction for the product)

Product Color Explorations (created various color scheme explorations for the future product and thoroughly vetted it internally)

Product Color Explorations (created various color scheme explorations for the future product and thoroughly vetted it internally)

Visual Designs Explorations (I presented concept designs for actual product pages like the homepage/landing to show the potential visual direction for the C-Staff team)

Visual Designs Explorations (I presented concept designs for actual product pages like the homepage/landing to show the potential visual direction for the C-Staff team)

Final Visual Designs (Sparred and created various use case explorations of the new navigation & interaction features)

Final Visual Designs (Sparred and created various use case explorations of the new navigation & interaction features)

Final Visual Designs (translated the remaining designs to existing features and product and ran an internal 3 day & night dogfooding session with a large team to work through all issues and bugs)

Final Visual Designs (translated the remaining designs to existing features and product and ran an internal 3 day & night dogfooding session with a large team to work through all issues and bugs)

CONCLUSION

The re-branding itself from a technical point was a success. There were a lot of midnight hours the last 2 weeks (with free catered company dinners) but we were able to release the company rebrand successfully at the end Q1 2016. The CX (customer experience) team went back at the end of Q1 2017 to assimilate the now separate lines of business, and customer feedback was quite positive. Commercial Real Estate and Consumer Homes under the Ten-X umbrella product no longer carried the negative stigma associated with Auction.com and successfully distinguished the products from one another.

The re-branding itself from a technical point was a success. There were a lot of midnight hours the last 2 weeks (with free catered company dinners) but we were able to release the company rebrand successfully at the end Q1 2016. The CX (customer experience) team went back at the end of Q1 2017 to assimilate the now separate lines of business, and customer feedback was quite positive. Commercial Real Estate and Consumer Homes under the Ten-X umbrella product no longer carried the negative stigma associated with Auction.com and successfully distinguished the products from one another.