Back to top

Playground

For the best experience, please visit this page on desktop. Some visuals and interactions are not available on mobile.

This space brings together a mix of product-driven designs and fictional concepts. Some are rooted in real use cases from past work, others are explorations created to test, play, and refine ideas.

Click around…

AI Assistant

BETA

AI Assistant

Responses may not always be accurate. Ensure you validate important data before taking action.

AI Assistant

BETA

AI Assistant

Responses may not always be accurate. Ensure you validate important data before taking action.

Conversational Assistant UI.
Conversational UI prototype for a developer-facing AI assistant within a cloud infrastructure console. Designed to support natural language queries for managing and exploring resources.

Onboarding Guide — Visual Adaptation.
This view showcases the starter guide in both light and dark mode, highlighting visual consistency across themes. It also reflects the UI evolution as part of the onboarding redesign.

Getting started

· 34%

Next step: Add payment method

Getting started

· 34%

Next step: Add payment method

Onboarding Guide — Interactive Flow.
This interactive version supports user progression through onboarding steps. Micro-interactions and contextual states were designed to reduce friction and accelerate time-to-activation.

Notifications

All

Resources

Invites

gpu-training-v3 was restarted successfully.

2 minutes ago

Deployment of api-server failed.

Today at 10:42 AM

Retry deployment

John Doe has invited you to join the organization Acme Cloud Team.

Yesterday at 5:18 PM

Decline

report.csv added to logs-eu-west.

March 25, 2025 at 3:47 PM

View all

Notifications

All

Resources

Invites

gpu-training-v3 was restarted successfully.

2 minutes ago

Deployment of api-server failed.

Today at 10:42 AM

Retry deployment

John Doe has invited you to join the organization Acme Cloud Team.

Yesterday at 5:18 PM

Decline

report.csv added to logs-eu-west.

March 25, 2025 at 3:47 PM

View all

Notification Center — UI Concept.
This component explores how a centralized notification system could be integrated within the Scaleway console. It was designed proactively to address the lack of a unified entry point for user alerts and system events.

File

Edit

View

Insert

Format

Tools

Table

Help

Paragraph

I’m not trying to impress you.

Just kidding. Of course I am — I care about the details, the pixels, the whitespace, and the humans behind the screen.

This little editor lets you bold things and align text.

I just happen to be someone who likes doing both — in design and in teams.

Bold me. Align me. Then message me.

Let’s make great things together.

64 words

File

Edit

View

Insert

Format

Tools

Table

Help

Paragraph

I’m not trying to impress you.

Just kidding. Of course I am — I care about the details, the pixels, the whitespace, and the humans behind the screen.

This little editor lets you bold things and align text.

I just happen to be someone who likes doing both — in design and in teams.

Bold me. Align me. Then message me.

Let’s make great things together.

64 words

WYSIWYG Editor — Design System Component.
Developed during my mission at CACIB, this rich text editor was designed to provide consistent text editing capabilities across products.

Mobile App Concept.
A concept for a mobile app that helps farmers showcase and sell their seasonal products — fast, simple, and local.

Visual Exploration — Illustration.
A personal illustration created outside of product work 10 years ago, included here to reflect my interest in composition, and emotion through color.

Navigation

Get in touch

hello@lotfisakani.com

Navigation

Home

About

Process