Select Page

XPLCT Studios

XPLCT is an Amsterdam-based streetwear clothing brand that sells its clothing through more than 50 retailers across Europe.

These retailers place purchase orders with XPLCT more than 4 times a year, which involves a complex procurement process. I designed a B2B tool for both parties so they can keep track of this process.

Company

XPLCT Studios

Project

Graduation Project

Role

  • User Research
  • Concepting
  • Usability Testing
  • Wireframing & Prototyping
  • Visual Design

The Problem

All communication between XPLCT and their retailers takes place via WhatsApp or mail, which may feel personal but lacks professionalism and often leads to significant uncertainties regarding this procurement process.

The Ask

Design a digital B2B (Business to Business) tool for XPLCT & especially their retailers that allows both parties to keep track of the procurement process.

Phases

๐Ÿ”ย  1. Research (5 weeks) Developing insight into the users needs

โœ๏ธย  2. Design & Concept (4 weeks) Translating insights into concepts.

๐Ÿงชย  3. Testing & Finalising (4 weeks) Conducting usability tests and wrapping up

Research methods

๐ŸŽ™ 6 qualitative interviews Qualitative interviews with the most loyal retailers of XPLCT, mapping the current procurement process and identifying their pain points.

 

๐Ÿ‘” 2 qualitative interviews Qualitative interviews with the 2 partners of XPLCT .

 

๐Ÿ“ 22 responses to survey The survey contained questions that helped quantifying the severity of the multiple pain points and problems. This data served as directional input.

 

โŒจ๏ธ Desk Research Research about the B2B market and how differs from the B2C market. What are the latest trends and do there exist solutions for this problem?

 

๐Ÿ‘“ 2 Participant observations By observing the process of the retailers coming by XPLCTโ€™s showroom I can gain insights that will help me with understand the retailers needs better.

 

๐Ÿ”Ž Day in the life By being at the xplct office once a week, I aim to immerse myself in their work environment and understand and feel the brand and the world surrounding it.

The first step: Customer Journeys

Main pain points

The first step is to map out the procurement process for both parties.

Based on the interviews with both parties and the survey, the Customer Journey has been established below, along with the pain points of both parties.

 

๐Ÿ™‰ There is no clear overview of the ordered clothing The order confirmation is unclear, with many collections overlapping. As a result, the retailer lacks visibility into when each collection will be delivered.

 

๐Ÿ‘ฅ All communication takes place through different platforms Most communication takes place on Whatsapp or over the Phone what feels personal but lacks professionalism.

 

๐Ÿ™…๐Ÿฝโ€โ™€๏ธ The retailer canโ€™t find content This consists of visual materials such as webshop photos, campaign photos & videos, and photos for social media. These are stored in an unorganized Google Drive.

 

๐Ÿ‘• The retailer wants to re-stock sold out items The retailer wants to place a repeat order for popular items that are sold out. However, requests for these orders donโ€™t always reach XPLCT, causing the retailer to miss out on potential revenue.

Conclusion: survey & interviews

The retailer physically visits XPLCTโ€™s showroom to purchase clothing for their store. This makes the buying experience at XPLCT personal and unique compared to other brands. To maintain this unique feeling, this step is therefore not digitized.

Competitor analysis

I have conducted research on 4 B2B platforms that offer similar solutions and compared them with each ot

Research Conclusion

Many B2B platforms already exist that digitize the procurement process. However, since these platforms cannot convey the unique brand identity of XPLCT, I will explore ways to incorporate this identity into the application I will design for XPLCT during this project.

โœ๏ธ 2. Design & Concept Phase

Main functionalities

1. Home

2. Orders

3. Content

4. Stock

Sketching, feedback & iterating

Iteration process

Added pictures to make the page visually more appealing & to make the order more distinguishable I applied xplcts branding by adding their blue colorn to the order. The delivery text was unclear so i emphasied it by making the text bald

Iteration process

One primary action per screen A clear โ€˜make appointmentโ€™ button A clear text that calls for action

The end result