Renfro Brands

Project Type
Website

Services
Research
Competitive Analysis
Information Architecture
UI/UX Design
Wireframe/UI Layouts
WordPress Development

Credits
Kelly Marion
Chris Horton
Bruce Mau Design

WORLDWIDE SOCK MANUFACTURING

Renfro Brands is a leading designer, manufacturer, and marketer of quality socks and legwear products. In celebration of their 100 year anniversary, Renfro Brands underwent a corporate rebrand in 2020. I was responsible for the UI/UX design for their new corporate website. My process began with conducting competitor research and also reviewing analytics data for Renfro’s existing website. The information gleaned from my research informed the final website architecture, taking in account the needs of users including general, media contacts, brand licensors, employees, and prospective employees. In collaboration with the Bruce Mau design team, I developed wireframes and defined digital standards for the new website. To ensure consistency between design and development, I worked alongside Renfro’s developer to build the website and populate content. Over the duration of the project, I kept stakeholders up to date with project insights and updates.

www.renfro.com

PROBLEM STATEMENT

Design a place for consumers, businesses, and employees to learn about Renfro, their brands, products, process, and 100 year history.

current website

Research

  1. Compiled a list of competitors and reviewed their online presence

  2. Reviewed the current website

  3. Reviewed Google Analytics data for current website

  4. Defined user groups and needs

Competitor Review

In my review of competitor websites, I was looking for similarities and differences in navigation, content, voice, imagery, and design.

  • General users

  • Media contacts

  • Brand licensors

  • Employees

  • Prospective employees

Users

  • General company information

  • Global presence - locations

  • Brands

  • Careers - open positions

  • Expertise - what sets Renfro apart

  • Project footprint

  • News

  • Contact information

  • How to shop

Needs

Information Architecture

The information gleaned from my research informed the final website architecture, taking in account the needs of users including general, media contacts, brand licensors, employees, and prospective employees.

Sketches

I first sketched my ideas for the wireframes.

Wireframes

I then created wireframe mockups for desktop and mobile screens.

Desktop Wireframes
Mobile Wireframes

Final Website

Next
Next

HOTSOX