OBLX STUDIOS

Project Type

Independent Student Project

Role

UX/UI Designer, Research, Branding

Timeline

Nov '24 - Feb '25
View Prototype
OBLX Hero Image

THE PROBLEM

Fashion enthusiasts seeking premium, trend-driven clothing often face fragmented online shopping experiences, where brand storytelling, product discovery, and luxury aesthetics feel disconnected. How can I design a digital platform that elevates the shopping journey into a cohesive, editorial-inspired luxury experience, allowing users to seamlessly explore, be inspired, and shop across diverse fashion categories?

THE PROCESS

01. DISCOVER

Empathy Map and User Personas

In order to guide OBLX’s design decisions, user interviews were conducted with 7 users - 4 men and 3 women ranging from 18-37 years old, in order to understand user needs and frustrations with currently existing fashion and clothing websites.

As the first drop from OBLX was a unisex basics line, there was no firm intended demographic in terms of age. However, it was noted that the most frequent online shoppers tend to be in the 18-34 age bracket.

Maya Thompson

Age: 27
Location: New York, NY
Occupation: Creative Director

  • Looking for clothing that feels luxurious, timeless, and versatile
  • Wants real product details for every product
  • Wants to shop quickly and easily but enjoy visual inspiration
  • Doesn't want overly complex websites with hidden costs
Amir Hosseini

Age: 30
Location: Chicago, IL
Occupation: Tech Consultant

  • Wants to feel confident purchasing from a brand he hasn’t tried before
  • Doesn’t want to be forced to create an account on the website
  • Wants there to be easy and seamless contact with the brand
  • “If the website feels premium, I trust the clothes will be too.”
Daniel Lee

Age: 34
Location: Seattle, WA
Occupation: Business Analyst

  • If there are pictures of models, they should be diverse.
  • Completing purchases should be quick and easy.
  • Hates overly artistic sites with poor usability.
  • Wants information and policies to be as transparent as possible. (ex: shipping, fees, return info.)
OBLX Empath Map

Competitive Analysis

I also conducted a competitive analysis, in which I gathered information about how a luxury clothing brand’s site should look and feel.

Essentials Logo
Aime Leon Dore Logo
COS Logo
Acne Studios Logo
John Elliot Logo

Key Insights from competitive analysis, empathy map, and personas:

  • Balance minimalism and storytelling - users want quality visuals without sacrificing clarity or usability
  • Prioritize performance - although visuals are important, they shouldn’t take away from the main point of the website
  • Simplify navigation - even the most beautiful UI  on websites frustrate users if the paths to their goals aren’t clear
  • Provide detail and transparency - especially the case for higher end brands, customers expect good product detail

02. DEFINE

User Flow

In order to ensure a seamless shopping experience for OBLX, I began by mapping user flows based on key tasks. Insights from user interviews and personas informed the priorities for navigation and content hierarchy. Because OBLX is a higher end brand, I opted for as minimalistic of an approach as I could take without sacrificing essential features.

OBLX User Flow Chart

03. IDEATE

Wireframe

OBLX Initial Wireframe Drawings

My goal for wireframing was to translate earlier insights from the user research and competitive analysis into tangible layouts, with the main takeaway being the need to design the site in a way that balanced luxury aesthetics with usability in order to ensure that essential actions such as browsing collections, completing purchases, and getting in contact with the brand are intuitive and seamless for users.

OBLX Digital Wireframes

04. PROTOTYPE

Branding

The name “OBLX Studios” (Obelisk Studios) is representative of the symbol that the name is derived from. In crafting the branding of the website, my primary focus was to translate the brand’s core values of luxury, timelessness, and inclusivity into a cohesive digital identity.

The logo design was inspired by the brand's name, featuring an extra-bold font with a small obelisk substituting the 'I' in 'studios,' resulting in a logo that is straightforward yet distinctive.

OBLX Branding/Logo Brainstorm & Final

Sticker Sheet/Design System

I created an easy to understand sticker sheet for individuals to use as a reference for the site’s UI elements

Since this was not a real world project and I lacked a collection of product and model images, I utilized a combination of images from Entire Studios (entirestudios.com), stock images, and some that I created myself for the site's visuals.

OBLX Design System/Sticker Sheet
OBLX Initial Concept Page

The initial concept for the high-fidelity prototype was to design the product browsing pages to resemble a magazine layout.

However, after further testing with users, the design was refined to feature a more visually appealing and user-friendly interface. The use of white space was kept consistent to enhance the perception of quality and luxury, and contrast ratios were improved for better readability.

OBLX Final Concept Page

05. TESTING & ITERATION

User Testing

Some sample questions asked during user interviews:

  • You want to find and purchase a white cropped boxy T-shirt in a size medium. How would you proceed?
  • You have a question about a recently placed order. How would you proceed?
  • You want to learn more about the inVariable drop. How would you proceed?
  • Walk me through what you are seeing on this screen.
OBLX Purchasing Item GIF

Although this was not a real world project, understanding whether or not this MVP is successful or not will mainly have to do with KPIs such as:

  • Conversion Rate (% of visitors completing a purchase):
  • Success means users are finding products easily and completing purchases without friction.
  • Task Success Rate (% of users able to complete core tasks):
  • Measuring how effectively users can complete key tasks such as browsing categories, filtering products, and checking out.

Future steps & Iterations

  • Integrate richer product and brand storytelling through minimalistic hover animations, videos, behind the scenes content, and style guides.
  • Add enhanced personalization features such as recommended products based on browsing history.
  • Conduct A/B testing on parts of user flow in order to optimize conversion rates and ensure a fast, seamless experience as the catalogue grows in the future.
  • A feature that I believe could significantly enhance the user experience is a section where customers can share photos of themselves wearing OBLX clothing, along with their body measurements and the size of the item. This would help potential buyers visualize how different sizes fit on various body types, consequently increasing conversion rates.

Reflection

Takeaways:

One of the biggest takeaways from this project was that a premium aesthetic must coexist with functional clarity. Overly minimal or “artsy” design choices can alienate users if they obscure navigation or product discovery. I had to learn to strike a careful balance between editorial beauty and practical usability.

What I'd do differently next time:

While my low-fidelity prototypes gave valuable insights, some navigation pain points surfaced later in the process. Testing wireframes earlier on could have saved design revisions and development time.