NOTE: Content is in progress and incomplete.
Within 5 years since its inception as a local startup, Homepoint has become the third largest wholesale mortgage company in the nation. To support its continued growth and the stealth IPO efforts, Homepoint decided to refresh its brand presence and communication strategy.
By the time I joined, external agencies had already been working on significant chunks of visual branding and marketing website projects. As a design director, I became responsible for further finalizing the identity development, creating a compelling verbal and visual brand narrative, and continously collaborating with all areas of the company—product, engineering, marketing, legal, analytics, real estate, and more—to keep improving the brand experience for customers.
Roles
Brand strategy, design direction, UX/UI design, front-end engineering
Agencies
Brand strategy
Working closely with Chief Experience Officer, I helped define Homepoint's brand fundamentals and developed a strategic communication framework with verbal branding guidelines.
Brand strategy summary deck
Visual identity
Logos
Based on the wordmark proposed by the agency, we tweaked small details and created a series of mark variations for parent and sister companies as well as a variety of digital applications.
Color palette
To highlight its energetic and approachable personality, we crafted a palette of vivid hues in high saturation. Also, each hue provides 10 levels of lightness tints to ensure proper contrast in any combination.
Read more about the colorsBrand Colors
Light Blue
#0D9BD5RGB: 13/155/213CMYK: 76/24/2/0PMS: 299CNavy
#0C3258RGB: 12/50/88CMYK: 100/84/39/32PMS: 648CGreen
#23D58CRGB: 35/213/140CMYK: 67/0/64/0PMS: 7479CSupport Colors
Sky 500
#33A1CERGB: 51/161/206CMYK: 75/22/0/19PMS: TBDGrass 500
#40BF8BRGB: 64/191/139CMYK: 66/0/27/25PMS: TBDTurquoise 500
#46B7B2RGB: 70/183/178CMYK: 62/0/3/28PMS: TBDEggplant 500
#A54AB5RGB: 165/74/181CMYK: 9/59/0/29PMS: TBDPlum 500
#7842BDRGB: 120/66/189CMYK: 37/65/0/26PMS: TBDLemon 500
#FFB000RGB: 255/176/0CMYK: 0/31/100/0PMS: TBDOrange 500
#E4711ERGB: 228/113/30CMYK: 0/50/87/11PMS: TBDBerry 500
#C23F6BRGB: 194/63/107CMYK: 0/68/45/24PMS: TBDCool Gray 500
#628C9DRGB: 98/140/157CMYK: 38/11/0/38PMS: TBDNeutral Gray 500
#808080RGB: 128/128/128CMYK: 0/0/0/50PMS: TBDWebsite launch
Revealing the new brand identity, a redesigned website has also launched. Internally, I worked closely with stakeholders to understand their various needs and to assess the old website, and helped define a new sitemap and its UX structure. Externally, I collaborated tightly in front-end code base with the development agency and its project management needs. Post-launch, I ultimately took over the repo and have been maintaining the code.
Read more about the siteUser segment toggle
Environmental graphics and swags
Office interior
Swags
Digital design system
Insert homepoint.design
elements here
Product design
HOP, The Point, Launchpad elements here
if you liked it