Role: UX/UI Designer

Team: two UX/UI Designers

Duration: 2 weeks

Year: 2024

Devices: desktop and mobile

Tools: FigJam, Google Survey, Figma, Slack

Driven by a fresh enthusiasm in timeless design, workmanship, and sustainability, the market for vintage furniture and decor has experienced a comeback. This case study centers on Berlin's L'oeil Vintage - vintage furniture store, which transformed its love of well chosen, distinctive pieces into a profitable enterprise.

L'oeil Vintage first limited its reach and faced difficulties presenting its whole collection since it depended just on Instagram to show and market products.

Under a UX/UI bootcamp project, two designers worked to construct a website during the first week and then returned in the second week to produce a mobile app based on the first project.

The Transition of L'oeil Vintage to Digital

Nestled in the middle of Berlin, L'oeil Vintage specializes in providing well chosen vintage furniture and décor that capture character and history. The initiative aimed to keep faithful to its original character while improving the digital presence of the store. Previously limited to Instagram, its appeal became evident in the requirement of a practical and interesting digital platform.

Our two-designer team's task was to create a user-friendly website in the first week in order to build a strong online presence.

Build on this basis by creating a second week supplementary mobile app providing a flawless on-the-go buying experience.

Aim Audience

The following groups were supposed to find resonance in the digital solutions:

• New clients enticed by L'oeil Vintage's distinctive offers are those who have never heard of it before.

• Design aficionados seeking unique items and driven about interior design.

• Professional interior designers looking for unique furniture and décor for their projects.

• Vintage collectors of furniture that appreciate unique, historically important objects.

Investigating and Methodology

Our study period consisted in the following approaches:

• Lean UX Canvas: To specify user categories, business issues, and intended results.

• Conducted with consumers and the shop owner, surveys and interviews help one better grasp demands, preferences, and problem concerns.

• Examined market trends and found chances to set L'oeil Vintage apart.

Important revelations exposed the need of excellent images, thorough product information, and easy navigation for a good user experience. These results informed the design of the website and mobile app.

User Persona

User Flow

Design Answers

Website Development

Features like these help the website be developed to solve problems and improve customer experience:

For every item, thorough descriptions, measurements, materials, and historical background comprise the comprehensive product page.

Several high-resolution pictures highlighting every product reveal great quality.

Clear design with sections including furniture, lighting, and décor makes navigation user-friendly.

Advanced filtering by style, type, price, and availability follows from search and filter options.

Mobile optimization is responsive design guaranteeing a flawless experience across devices.

Creation of Mobile Applications

Using the website design as a basis, we developed a mobile app in the second week guaranteeing consistency and besting tiny screen optimization. Important app characteristics included:

Mobile first menus and fast access categories help to simplify navigation.

Alerts for new arrivals and sales comprise push notifications.

Function of wish lists: let users save preferred objects.

Simplified Checkout: Designed especially for mobile users, this is an easy process.

Branding and Aesthetics

Characteristics of a Brand

Through: L'oeil Vintage's brand identity—Modern, Creative, and Elegant—the design mirrored:

The main hue is royal blue; brighter and deeper blue accents abound.

Typeface: IBMPlexMono for bold, unusual titles and navigation.

Kaisei Opti for a polished touch underheadings.

Helvetica Neue guarantees clarity and readability for body text.

Interactive components: Hover effects and minute animations for maximum involvement.

Iterative Design Methodology

Early layout and navigation concepts for Week 1: Website Low-Fi Wireframes

Mid-Fi Wireframes: Added typeface and buttons among other detailed components.

A finished design tested for aesthetic appeal and usability makes up a Hi-Fi prototype.

Second week: mobile app modified portions of a website to be mobile-first.

Prototyping: Emphasizing mobile-specific characteristics, it guarantees consistency and usability of the website.

Testing iteratively improved the user interface and navigation of the app.

Conclusion

The latter designs effectively addressed the main problems faced by L'oeil Vintage:

Broad market access with a focused website.

Improved user experience by means of excellent graphics and easy navigation.

Flawless app-based mobile access, therefore boosting client interaction.

From a single-platform presence to a complete, easy-to-use online experience, these digital solutions turned L'oeil Vintage

Lean UX tools guaranteed our designs matched client needs and company objectives.

Consistency Across Platforms: The smooth user experience resulted from the consistent branding and functionality between the app and the website.

Working as a two-designer team, achieving a cohesive output mostly depends on good communication and shared vision.

This project proved the ability of careful design to improve a company's online profile while maintaining brand identification integrity.

Final products:

Desktop

Mobile

Thank you.