T-shirt Bar 2.0 – Redesign and refine their web presence

T-shirt Bar is Stockholms go to place for Print on demand clothes, located in the heart of Södermalm. They have a lot of daily customers who comes to them for printing anything from a single t-shirt to to 100 football shirts. The easy access and fast pace is their USP.

Client
T-shirt bar
Date
11.19.18
Based In
Stockholm
Scroll Down

The Challenge

T-shirt Bar’s customer seems to either contact them on the phone or email, or simply drop in before placing an order. Assisting the customers can often be a very time challenging task for the personnel since every item needs at least some customization in Photoshop. Their website is old and outdated, not inspring nor trustworthy, not responsive. The designer application is quite outdated as well and lacks necessary features. The payment process needs more alternatives.

The Design Process.

The Solution:
Start over from scratch and make a new site with WordPress and the E-Commerce plugin WooCommerce.
Easy to maintain for T-shirt Bar and easy for the users to place their order online.
The new Designer app will make it easier for the customer to complete their design by themselves,
there will be an Ipad in the store where they can finalize their creation so the personnel can focus on printing the orders (instead of acting like art directors).
The site will be fully responsive and SEO-friendly with new Content to inspire the users.
The smoothest and most flexible payment and delivery methods possible.


My role:
Project Manager, User research, Information architecture, Wireframes and prototypes.


Tools:
Balsamiq (Wireframes and Sitemap), Sketch and Invision (Prototype), Adobe Photoshop CC (Photo editing).

By analyzing competitors and interviewing stakeholders i was able to narrow down the features for conversion optimization purposes. I then created a site map to organize the pages, information and navigation of the site.

The key screen wireframes. Some adjustments to the wireframes were based on feedback received from user testing. By making a low fidelity mockup without any focus on the actual design we could easy define the structure and content of the site

The home page were we besides inspiration focused on the three needs that we thought the users may have; Design and order products, getting contact information easy accessible and price and capacity information.

On the product page we used a WooComemrce extenstion plugin called called Fancy Product designer. Customized the plugin for T-shirtbar’s services and presented all information stacked in tabs to avoid the user to navigate away from the designer tool.
Contact & Information pages. Presenting all important information on these sub pages. Encouraging the visitor to find the information they are looking for before contacting T-shirt Bar by phone or mail.
The website is still under development for another week or two. Until then you can view the whole Prototype in a high resolution pdf below.