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.
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
Compiled a list of competitors and reviewed their online presence
Reviewed the current website
Reviewed Google Analytics data for current website
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