IE < 9

Please update your browser for better experience

update now

allpro

case study 2 — 8

digital
sport & ecommerce
2018

launch site

the mission

The list of high-profile clients that wear All Pro’s uniforms on game day is longer than a CVS receipt. The company’s tagline is “Wear All Pro, Play Like an All Pro,” so we approached this design with the goal of making athletes of any caliber feel they could play like an “All Pro” simply by donning these stylish, handcrafted, and durable duds.

chapter — 1

sto

ry.

After making a name for themselves outfitting the athletic departments of some of the largest schools on the Eastern seaboard and beyond, All Pro needed a new website to match their explosive market growth. Responsive design, custom photography, and a simple but engaging UX were utilized to maximize the consumer impact while driving home All Pro’s core messaging.

Now that they have a website that embodies the same assets as their uniforms—style, quality, and performance—All Pro has now positioned themselves as industry leaders on the breakaway with nothing but daylight up ahead.

photography

We worked closely with All Pro Sports to create original photo content that showcases the meticulous detail and design of their products—across 12 sports categories—and to showcase the photos in a way that truly reflects the athletes who wear the company’s uniforms.

chapter — 2

UX.

We set two main UX goals for the project: making the content more enjoyable, and enhancing user orientation by simplifying the navigation. We completely rebuilt the site architecture, introducing easier navigation and a clean category distribution. We recategorized, grouped and simplified the online catalogue into two main categories – Uniforms and Equipment. Technologically we built a catalogue system that can present an unlimited amount of categories, which is easy for the client to edit and easy for users to navigate.

chapter — 3

des

ign.

To cover all necessary design assets for the site, we provided comprehensive web design and consulting services as well as a photo shoot. Broken grid; generous white space; and bold, skewed and soft fonts that suggest an interplay between motion and stability.

mixed color theme

In addition, we introduced a mixed color theme: light colors for clean content and product presentation, darker ones for the more emotion, story-driven content. The duotone color theme with a yellow accent brings a sense of activity and energy to the site.