THE PROBLEM

Jos. A. Bank. is a men's clothing brand that has been around for years. They are most widely known for their "buy 1 suit, get several free" deal they often ran. After Men's Warehouse, a former competitor, bought the men's clothing company, it was time for a refresh. I was tasked with creating a new, responsive design for the website that helped change the general perception of the brand. I needed to convey the high quality of clothing the company carried as well as the ability to still get a good deal. The redesign was focused on the mobile experience, keeping in mind that the common audience for Jos. A. Bank was older.  

THE SOLUTION

I created a truly mobile-first design that was easy and friendly to use for all age ranges. Collaborating with the business development, marketing, and engineering teams at Men's Warehouse, I created a design focused on providing a tradional and modern experience. Moderated prototype testing brought us insights that helped us make the experience easy and enjoyable for the JAB audience. I took this product from opportunities to ideation to wireframes and prototypes to visuals and front-end code. The Men's Warehouse engineering team used styles we set in the front-end code to implement the new designs on their system. 

 

[unex_ce_button id="content_khzhgaips,column_content_f6blhi3ud" button_text_color="#ffffff" button_font="semibold" button_font_size="15px" button_width="content_width" button_alignment="center" button_text_spacing="2px" button_bg_color="#2b2b2b" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#2b2b2b" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#2b2b2b" button_link="http://www.josbank.com/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW LIVE SITE[/ce_button]

MAPPING THE USER'S EXPERIENCE

Mapping out the experience of the user helped the team understand our goals for the redesign.

jab-exp-mapjab-exp-map

OPPORTUNITIES

Opportunity sketches allowed me to have a conversation with the client about the potential of the redesign through sketch form.  

fullWidth-JAB-oppsfullWidth-JAB-opps
fullWidth-jab-processfullWidth-jab-process

MODERATED PROTOTYPE TESTING

To verify hunches and assumptions we had made during the design process, I tested a prototype with 5 users ranging in age from their 40's - 60's.  I tested key functions, such as browsing products, adding a product to a cart, and checking out. This testing help us make key decisions, such as moving the "Add to Cart" button that was fixed to the bottom of the viewport into the page flow. I found in testing that users in that age range completely missed the button when it was sticky to the bottom.

jab-devicesjab-devices