Case StudyDar Alamirat × ARYtech2026

DarAlamirat

Reimagining beauty shopping with AI search, visual discovery, and immersive product experiences.

Client
Dar Alamirat
Scope
AI Beauty Commerce App
Timeline
1 Week
Built with
Figma Make · AI

AI-Powered Beauty Commerce Experience

Dar Alamirat app home screen on an open foldable phone: search, categories and deals

Project Overview

Dar AlAmirat is one of Saudi Arabia’s leading beauty retailers, offering thousands of skincare, makeup, fragrance, and personal care products. As the product catalog continued to grow, discovering the right products became increasingly difficult, especially for mobile users.

  • AI-powered search
  • Visual discovery
  • Shoppable beauty reels
  • Smart categories
Dar Alamirat app: shorts, trending products and mega dealsA shopper browsing the app on her phone, sitting on an orange bean bag

Problem & Solution

As the product catalog grew, traditional navigation and keyword-based search made product discovery slower and more complex. The challenge was to create a smarter, AI-powered shopping experience that made finding the right products effortless.

Problem (Discovery)

Manual Product Discovery

70%+Users relied on manual browsing and keyword-based searches to discover products.

Traditional navigation increased the time required to find relevant beauty products, creating unnecessary friction throughout the shopping journey.

Problem (Discovery)

Limited Shopping Intelligence

6 in 10Customers struggled to discover products that matched their preferences.

The existing experience lacked AI-powered assistance, visual search, and personalized recommendations, making product exploration less engaging and less efficient.

Solution (AI Commerce)

Smarter Product Discovery

100%Of the shopping journey covered by AI-assisted discovery.

AI search, a camera lens, shoppable reels and personalised recommendations now guide every step, making product exploration faster and more engaging.

AI-Assisted Product Design Process

Instead of following a traditional workflow, we used Figma Make to accelerate ideation, eliminate manual wireframing, and focus on refining the user experience—delivering a production-ready mobile app in just one week.

  1. Product Brief Analysis

    Understanding the Vision

    We began by reviewing the client’s product documentation, business goals, feature requirements, and brand guidelines to establish a clear design direction before starting the project.

    01
  2. AI-Powered Discovery

    From Docs to Design

    The complete product documentation was shared with Figma Make, enabling AI to quickly understand the project and generate structured interface concepts, eliminating the need for manual wireframes.

    02
  3. Prompt Engineering

    Teaching AI the Brand

    We crafted detailed prompts using Dar AlAmirat’s brand identity, colors, typography, and UX goals to ensure every generated concept aligned with the brand’s premium visual language.

    03
  4. AI Concept Generation

    Exploring Multiple Possibilities

    Figma Make generated multiple design directions within minutes, allowing us to compare ideas, evaluate user experiences, and select the strongest concept for further refinement.

    04
  5. Experience Refinement

    Human-Led Refinement

    The selected AI concept was refined in Figma by improving layouts, visual hierarchy, spacing, components, and interactions to create a polished, brand-aligned experience.

    05
  6. High-Fidelity UI Design

    From Concept to Product

    The refined concept was developed into a complete high-fidelity interface with polished visuals, scalable components, and AI-powered features, ready for real-world implementation.

    06

Where AI Became the Creative Starting Point

Rather than starting with blank artboards, we transformed the client’s product documentation into working interface concepts using Figma Make. Within minutes, AI converted ideas into visual experiences, giving the team an immediate foundation to build upon.

You

Creating a beauty and cosmetic modern and creative app. use the color #C6AAD0 and Inter font References attached . also enhancement the fatured that could improve user experience. Bottom Navbar Home, Categories. Offers, Cart, Profile.

Build ⌄Default ⌄
The prompt given to Figma Make
A shopper in a lavender coat checking the app on her phone
Dar Alamirat home screen: points, search, categories and sun-protection banner
The Dar Alamirat app icon on an iPhone home screen

Font & Color

The interface combines a premium beauty aesthetic with modern AI-inspired design principles. A soft color palette, clean typography, spacious layouts, and refined components create an intuitive, elegant, and visually engaging shopping experience.

Typeface

Inter

  • #401876
  • #7944C2
  • #9A7AC6
  • #C6AAD1
  • #F3EEF9
  • #FF9D9D
  • #7944C3
  • #D36DCF

Primary

Secondary

Trending products and mega deals on a phone standing on a violet pedestal

The Future of Beauty Shopping

The final experience combines AI-powered discovery, premium visuals, and intuitive navigation into a seamless shopping journey designed for speed, personalization, and effortless exploration.

AI Shopping Assistant

Shoppers describe what they need in their own words and the assistant answers with curated products, so finding the right serum or shade takes one question instead of endless scrolling.

Hands holding a phone in AI Mode: What are you looking for? with suggestions for best-selling makeup, gifts and whitening serum
  • MOODmatcher, Lipstick, Pink, 0.12 oz (3.5 g)…

    SAR 35.00
  • Maybelline, Color Sensational, Made For…

    SAR 35.00
  • Revolution Pout Lip Gloss Stick Sweet Rose

    SAR 35.00
A hand holding the phone with the AI camera lens pointed at a makeup organiser

Search Beyond Keywords

AI Camera Lens

Simply scan any beauty product to instantly discover visually similar products, helping customers find what they need without knowing the product name.

  • Revolution Pout Lip Gloss Stick Sour Berry…

    SAR 35.00express
  • Revolution Pout Lip Gloss Stick Sweet Ros…

    SAR 35.00express
  • 79 Medora Glossy LipStick…

    SAR 35.00express
  • MOODmatcher Lipstick, Pink…

    SAR 35.00express
  • Revolution Pout Lip Gloss Stick Berry…

    SAR 35.00express
  • 79 Medora Glossy LipStick…

    SAR 35.00express

Watch. Discover. Shop.

Loreal parisHow to set makeup with Inf…
Loreal parisHow to set makeup with Inf…
Loreal parisHow to set makeup with Inf…
Loreal parisHow to set makeup with Inf…
Beauty Reels: a L’Oréal Paris makeup video with a shoppable Revitalift serum card and Shop now button
Loreal parisHow to set makeup with Inf…
Loreal parisHow to set makeup with Inf…
Loreal parisHow to set makeup with Inf…
Loreal parisHow to set makeup with Inf…
A hand holding the categories screen: makeup, perfume, care and devices with filters and deals

Smart Categories

Designed for Faster Discovery

Categories were redesigned with a cleaner structure and intuitive organization, helping users browse less and discover more.

Project at a Glance

A quick overview of the project’s scale, delivery timeline, design system, and AI-powered capabilities that shaped the final experience.

Product page: CALLA loose powder with Ask AI about this product and usually bought together
1 Week

Delivered a complete AI-powered mobile experience from concept to production-ready designs in just seven days.

35+

Designed and refined over 35 high-fidelity mobile screens across the complete shopping journey.

4

Integrated four intelligent AI features to simplify discovery, engagement, and purchasing.

20+

Built a scalable component library to ensure consistency and accelerate future product development.

Let’s Build What’s Next

Ready to transform your next digital product? We’d love to hear from you.

info@arytech.comarytech.com

Schedule a call
Hands tapping the care categories screen of the Dar Alamirat app