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
Jamil Vice
Client
XPLCT Studios
Role
- User Research
- Concepting
- Usability Testing
- Wireframing & Prototyping
- Visual Design
The Problem & Ask
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.
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