Instagram story viewer> @ui.designs> Tagged

UI DESIGNS

@ui.designs

148.6K

followers

3

following

🔹UI Design Inspiration💡
🔹Mention and tag @ui.designs on your photo 📸
🔹Turn on post notifications 📲

POSTS STORIES REELS TAGGED

Wireframe → design → live app ⚡

Every screen we ship starts as grey boxes. Layout first, then colour and type, then real code. That’s how NYC Beer Kegs went from a blank canvas to live across all five boroughs.

Which stage is your favourite? 👇

#reels #uidesign #uxdesign #wireframe #designprocess appdesign productdesign designsystem webdevelopment vedvix designinspiration techreels

5

0

4

0

Lexora — Mini Case Study | Part 01

- What if learning English could feel less like studying and more like something you naturally enjoy?

{ Lexora is an all-in-one language learning app designed to make English learning more engaging, accessible, and personal — combining entertainment, AI, and structured learning in one experience.💌}

In this first part of the case study, I’m sharing the problem, research, user interviews, and the key insights that shaped the direction of the product.

From understanding learners’ frustrations to discovering what they actually need from a language-learning platform, this was where the foundation of Lexora began.

More of the process coming in Part 02. ✦

For design inquiries & collaborations, feel free to DM me.

I’d love to hear your thoughts on the project so far. Feel free to share your feedback in the comments! 🤍

UI/UX Design · Product Design · UX Research · Case Study
#ui #uidesigner #application #elearning #casestudy E learning application

15

5

What if your landing page responded to your presence?

This concept explores Figma's new Shape-Based Particles feature to create an interactive hero section where particles react as users move their cursor.

✨ Interactive particle effects
✨ AI landing page concept
✨ Motion-led experience
✨ Immersive hero section
✨ Designed entirely in Figma

The objective wasn't more animation.
It was creating an experience that feels alive from the very first interaction.

Because great interfaces aren't just seen.
They're experienced.

—

We're Afrodity — designing digital products that people remember for how they interact, not just how they look.

🌐 theafrodity.com

[figma, shape based particles, interaction design, motion design, ui design, ux design, web design, landing page, ai interface]

#Figma #InteractionDesign #MotionDesign #UIDesign #WebDesign

3

0

Good typography doesn't just make products look better.

It makes them easier to understand.

Every choice—from font size and hierarchy to spacing and contrast—shapes how users experience your product.

In our latest blog, we cover:
✨ How to choose the right typeface
✨ Building a scalable type system
✨ Creating clear visual hierarchy
✨ Typography best practices for UI
✨ Accessibility considerations

Because typography isn't decoration.
It's communication.

📖 Read the full article through the link in our bio.

—

We're Afrodity — designing digital products where every detail improves the user experience.

🌐 theafrodity.com

[typography, ui design, ux design, product design, design systems, web design, accessibility, visual design]

#Typography #UIDesign #UXDesign #ProductDesign #DesignSystems

3

0

Dashboard Design — “Beauty Salon Management” ✦

A modern dashboard concept designed to simplify beauty salon management and provide a clear overview of daily operations.

The dashboard brings appointments, services, clients, income and performance insights together in one organized interface, making everyday management more efficient and intuitive.

UI/UX Design — Figma

For design inquiries & collaborations, feel free to DM me. ♡

#ui #uidesign #dashboard #webdesigner

Note: The word “Week” in the Income section has been accidentally moved to the line below. It should be placed on the same line as the text above. Beauty dashboard design

16

0

4

0

Tips UX Writing: Kenapa Tombol "Submit" Bikin User Ragu-ragu? ✍️❌

Teks pada tombol (microcopy) itu bukan cuma pemanis, tapi penentu utama apakah pengguna bakal ngeklik atau ngebatalin niat mereka!

📌 Simpan 4 Perbaikan Teks Tombol (Button Copy) ini:
❌ Jangan Pakai: Teks pasif/generik kaya "Submit", "OK", atau "Klik di Sini". Pengguna bingung apa yang bakal terjadi setelah itu.
✅ Gunakan: Kata kerja aksi eksplisit yang menyatakan hasil akhir (misal: "Create Account →", "Download PDF", atau "Start Free Trial").

💡 Golden Rule UX Writing:
Teks pada tombol harus bisa menjawab pertanyaan batin user: "Apa yang bakal langsung terjadi tepat setelah gw pencet tombol ini?"

Di aplikasi buatan lu, kata pada tombol apa yang paling sering lu temuin: "Submit" atau "Lanjutkan"? Drop di bawah! 👇

🏷️ #uxwriting #uiuxdesign #microcopy #figmatips #uidesignindonesia productdesign

📌 Follow @ui_desk (UI Daily Inspiration) buat cheatsheet UI/UX harian kaya gini!

0

0

One subtle animation.
A completely different feel.

This AI workspace landing page explores @figma's new Moving Gradient feature to create a CTA that's more engaging without overwhelming the interface.

The goal wasn't to add motion everywhere.

It was to use it with purpose.
✨ Moving Gradient CTA
✨ Dark cinematic visual style
✨ AI workspace concept
✨ Motion-first interaction
✨ Clean, modern landing page

Because the best animations don't ask for attention.
They naturally guide it.

—

We're Afrodity — designing digital experiences where every interaction has a purpose.

🌐 theafrodity.com

[figma, moving gradient, motion design, ui design, ux design, landing page, web design, interaction design, ai workspace]

#Figma #MotionDesign #UIDesign #UXDesign #WebDesign

4

1

UX is one of the most talked-about terms in product design.

It's also one of the most misunderstood.
UX isn't just about beautiful interfaces.
It's about understanding users, solving real problems, and creating experiences that feel intuitive from start to finish.

In our latest blog, we break it down in simple terms for non-designers.

You'll learn:
✨ What UX Design really is
✨ How UX differs from UI
✨ The UX design process
✨ Why UX matters for every business
✨ Common myths to avoid

Whether you're building a startup, managing a product, or simply curious about design, this guide is a great place to start.

📖 Read the full article through the link in our bio.

—

We're Afrodity — helping businesses design digital experiences that put people first.
🌐 theafrodity.com

[ux design, user experience, ui design, product design, design thinking, digital products, user centered design, ux basics]

#UXDesign #UserExperience #ProductDesign #UIDesign #DesignThinking

3

0

Tips UI UX Design: 4 Aturan Emas Dark Mode UI di Figma 🎨

Banyak desainer pemula yang asal bikin Dark Mode pakai background hitam pekat (000000) dan teks putih polos (FFFFFF). Hasilnya? Teks keliatan "pendar" (halo effect) dan bikin mata cepet capek!

📌 Simpan Cheatsheet Dark Mode ini sebelum lu bikin UI berikutnya:

1. Jangan Pake Pure Black (000000) -> Gunakan Dark Slate (121318).
2. Kedalaman (depth) dibikin bukan pakai drop shadow, tapi pakai card abu-abu yang lebih terang!
3. Turunkan saturasi warna aksen jadi muted/pastel.
4. Teks utama pakai Off-White (E4E4E7), bukan FFFFFF.

📌 Follow @ui_desk (UI Daily Inspiration) untuk tips & cheatsheet UI/UX harian!

#uiux #uidesign #learnuiux #figmatips #productdesigner

0

1

Website Design — “O’Clearien” ✦

A minimal skincare e-commerce concept focused on creating a calm, clean and elegant visual experience.

UI Design & Motion — Figma

For design inquiries & collaborations, feel free to DM me. ♡

—

#uidesign #uiux #productdesign #webdesign #figma motiondesign webdesigninspiration skincare ecommerce minimaldesign

UI Design & Motion — Figma

For design inquiries & collaborations, feel free to DM me. ♡ motiondesign webdesigninspiration skincare ecommerce minimaldesign

14

12