Understanding the Difference Between Beautiful Design and Meaningful User Experience

Have you ever visited a website that looked beautiful but was difficult to use?

Maybe the colors were attractive, the animations were impressive, and the layout looked modern. But when you tried to find something, you got confused.

Where is the navigation menu?

How do I complete this form?

Why can’t I find the button I need?

This raises an important question:

Is a good design only about how it looks?

The answer is no.

User Experience (UX) is about much more than visual appearance. It’s about understanding users, solving their problems, and creating experiences that are easy, useful, and accessible.

In this article, we’ll explore why UX is not just about making things look good and how beginner designers can start thinking beyond aesthetics.

1. UI and UX: What’s the Difference?

Before understanding UX, let’s clarify the difference between UI and UX.

UI (User Interface)

UI focuses on the visual and interactive elements of a digital product.

It includes:

• Colors
• Typography
• Buttons
• Spacing
• Layouts
• Icons
• Visual hierarchy

Example: Designing a beautiful login screen with a consistent color palette and attractive buttons.

UX (User Experience)

UX focuses on the overall experience a person has when using a product or service.

It includes:

• Understanding user needs
• Information architecture
• Navigation
• Usability
• Accessibility
• User research
• Interaction design
• Usability testing

Example: Making sure users can log in quickly, understand error messages, recover forgotten passwords, and complete their goal without unnecessary frustration.

The key difference

UI helps shape how an interface looks and interacts.

UX considers how the overall experience works for the user.

They overlap, but they are not the same thing.

2. A Beautiful Interface Can Still Have Poor UX

Imagine you’re designing a food delivery app.

You create:

• A beautiful color scheme
• Attractive food cards
• Smooth animations
• Modern typography
• High-quality images

The app looks impressive.

But now imagine that users face these problems:

❌ They can’t easily search for restaurants.

❌ The checkout button is difficult to find.

❌ Delivery charges appear only at the last step.

❌ The app doesn’t clearly explain failed payments.

Even though the interface looks beautiful, users may struggle to complete their tasks.

This is an example of why visual appeal alone doesn’t guarantee good user experience.

What should a UX designer consider?

Ask yourself:

Can users accomplish their goals easily, or are they struggling despite the attractive design?

A successful product needs to consider both visual quality and usability.

3. UX Starts With Understanding the User

One of the biggest differences between designing for yourself and designing for users is understanding that you are not always your target user.

As designers, we may have preferences about colors, layouts, and interactions.

But users may have different needs, experiences, and expectations.

Example: Designing a Banking App

Suppose you’re designing a mobile banking application.

You might think:

“Let’s place all the features on the home screen so users can access everything quickly.”

But users may find the screen overwhelming.

A UX-focused approach asks:

• What tasks do users perform most frequently?
• What information do they need first?
• Which features should be easy to access?
• What concerns do users have about security?
• How can we make transactions understandable?

These questions help guide design decisions.

A practical UX process

Research → Identify problems → Design solutions → Test → Improve

The goal is to solve a real problem, not just create a visually attractive screen.

4. Usability Matters More Than Decoration

Imagine two login screens.

Design A: Visually attractive

• Beautiful gradient background
• Stylish typography
• Creative animations
• Small input fields
• Low-contrast placeholder text
• Unclear error messages

Design B: Clear and usable

• Readable text
• Well-labeled input fields
• Visible password recovery option
• Clear error messages
• Accessible contrast
• Simple login flow

Which experience would help users complete their task more easily?

The answer depends on the actual design and user context, but visual attractiveness alone is not enough to establish usability.

What makes a login page usable?

✅ Clear labels

✅ Easy-to-find actions

✅ Helpful error feedback

✅ Appropriate spacing

✅ Accessible text and controls

✅ A straightforward user flow

Good UX makes the task understandable and manageable.

5. UX Is About Solving Problems, Not Adding Features

A common beginner mistake is believing that adding more features automatically makes a product better.

But every feature adds complexity and needs to serve a user or business purpose.

Example: A Productivity App

Imagine a productivity app with:

• 15 navigation tabs
• Multiple pop-ups
• Complex settings
• Unnecessary animations
• Several competing calls to action

The app may look advanced, but users could struggle to focus on their work.

A UX designer should consider:

Does this feature help users achieve their goal, or does it add unnecessary complexity?

Good UX often involves simplifying experiences and prioritizing what matters.

More features don’t automatically mean better UX.

6. Accessibility Is Part of Good UX

A product shouldn’t be designed only for people who have perfect vision, use a mouse, or interact with technology in the same way as the designer.

Accessibility helps make products usable by people with different abilities and circumstances.

Examples of accessible UX

• Sufficient color contrast
• Clear and readable typography
• Keyboard accessibility
• Meaningful form labels
• Text alternatives for meaningful images
• Error messages that are easy to understand

Example

If a form shows an error only through a red border, some users may not understand what went wrong.

A clearer approach combines visual feedback with a helpful error message.

Accessibility isn’t an optional decoration. It’s an important part of designing inclusive experiences.

7. How to Think Like a UX Designer

You don’t need to become an expert before starting to think like a UX designer.

Begin by asking questions during every design project.

Instead of asking:

“Does this screen look beautiful?”

Ask:

• Can users understand the purpose of this screen?
• Can they find the information they need?
• Is the main action easy to identify?
• What happens when something goes wrong?
• Can people with different abilities use it?
• What evidence supports my design decision?

These questions help you move from designing only for appearance toward designing for people.

8. A Simple UX Checklist for Beginners

Before finalizing your next design, review these points:

🎯 Clarity

Can users understand what the screen is for?

🧭 Navigation

Can users find their way around the product?

🖱️ Usability

Can users complete their task without unnecessary difficulty?

♿ Accessibility

Can users with different abilities interact with the design?

🔄 Feedback

Does the interface communicate what happens after an action?

🎨 Visual Design

Are typography, colors, spacing, and hierarchy consistent and purposeful?

🧪 Testing

Have you checked the design with real users or gathered meaningful feedback?

This checklist isn’t a substitute for research or testing, but it can help you develop a more complete design review habit.

Final Thoughts

UX design is not about choosing between a beautiful interface and a usable one.

Visual design and user experience work together.

A good-looking interface can create a positive first impression, but a successful user experience also depends on clarity, accessibility, usability, and how effectively the product helps users achieve their goals.

As a beginner UX/UI designer, remember:

Don’t design only for the eyes. Design for the people who will use your product.

Before opening Figma, ask yourself:

What problem am I solving, and how will my design help the user?

That’s where meaningful UX design begins.

💬 What do you think?

Have you ever used a website or app that looked beautiful but was difficult to use?

Share your experience in the comments.

If you found this article helpful, share it with someone learning UX/UI design.

#UXDesign #UIDesign #UserExperience #ProductDesign #UXDesigner #Figma #DesignThinking #Usability

When we use an app or website, we usually don’t think about why certain interfaces feel easy while others feel confusing.

Why is one website effortless to navigate?

Why does one button immediately grab our attention?

Why does a complicated interface make us want to leave?

The answer often comes down to how people naturally think, perceive, and interact with interfaces.

UX laws are principles based on human behavior and perception that can help designers create experiences that feel more intuitive and easier to use.

If you’re a beginner in UX/UI design, understanding these laws can help you make better design decisions instead of designing based only on what “looks good.”

Here are 7 important UX laws every beginner designer should know.

1. Fitts’s Law — Make Important Actions Easy to Reach

Fitts’s Law states that the time required to reach a target depends on its size and distance.

In simple words:

The bigger and closer an interactive element is, the easier it is to click or tap.

Example

Think about the “Add to Cart” button on an e-commerce website.

If the button is large and placed close to the product information, users can easily find and click it.

But if the button is tiny and far away, the interaction becomes harder.

UX takeaway

For important actions:

• Make buttons large enough to interact with comfortably.
• Keep important controls within easy reach.
• Consider thumb-friendly placement on mobile devices.
• Don’t make users perform unnecessary movements.

Good UX reduces physical effort.

2. Hick’s Law — Too Many Choices Create Confusion

Hick’s Law says that the more choices a person has, the longer it takes to make a decision.

Imagine opening a website and seeing:

“Choose from 25 different buttons.”

You might immediately wonder:

“Where should I click?”

Now imagine seeing only three clear options:

Start Free Trial | Explore Features | Contact Us

The decision becomes much easier.

UX takeaway

Don’t overwhelm users with unnecessary choices.

You can:

• Reduce unnecessary menu items.
• Group related options.
• Use progressive disclosure.
• Highlight the primary action.
• Break complex processes into smaller steps.

More choices don’t always mean better UX.

3. Jakob’s Law — Users Prefer Familiar Experiences

Jakob’s Law suggests that users expect your website or application to work similarly to other products they already know.

Users have learned common patterns from websites and apps.

For example:

• Logo → usually takes users to the homepage.
• Magnifying glass → search.
• Shopping cart → products ready to purchase.
• Three horizontal lines → mobile menu.
• Underlined text → often indicates a link.

If you suddenly change these familiar patterns, users may become confused.

UX takeaway

You don’t always need to reinvent the interface.

Sometimes the best design decision is to use a familiar pattern.

Familiarity reduces the learning curve.

4. Law of Proximity — Related Things Should Look Related

The Law of Proximity comes from Gestalt principles.

It states that objects positioned close together are perceived as belonging to the same group.

For example:

Imagine a form containing:

Name

[ Input ]

Email

[ Input ]

Password

[ Input ]

If the labels and inputs are visually close, users naturally understand which label belongs to which field.

But if the spacing is inconsistent, users may struggle to understand the relationships.

UX takeaway

Use spacing intentionally.

Keep:

Related elements → closer

Unrelated elements → farther apart

This helps users understand the structure of your interface without needing additional explanation.

5. Miller’s Law — Don’t Overload Users With Information

Miller’s Law is commonly summarized as the idea that people can hold only a limited amount of information in working memory at once.

This doesn’t mean designers should rigidly follow a specific “7 ± 2” rule for every interface.

The important UX lesson is:

Don’t make users remember too much at once.

Example

A long checkout process asking users to remember information from several previous screens creates unnecessary cognitive load.

Instead, you can:

• Show information when it is needed.
• Break complex tasks into steps.
• Use clear categories.
• Provide helpful defaults.
• Allow users to review their information.

Good UX supports memory instead of depending on it.

6. Von Restorff Effect — Make Important Things Stand Out

The Von Restorff Effect states that when several similar objects are presented together, the one that looks different is more likely to be remembered.

Designers can use this principle to create visual hierarchy.

For example:

Basic | Pro | Enterprise

If the Pro plan is highlighted with a different visual treatment, users are more likely to notice it.

But there’s an important warning:

If everything is highlighted, nothing feels important.

UX takeaway

Use visual emphasis carefully for:

• Primary CTAs
• Important information
• Recommended options
• Warnings
• Key navigation items

Contrast should have a purpose.

7. Aesthetic-Usability Effect — Beautiful Interfaces Can Feel Easier to Use

The Aesthetic-Usability Effect describes how people often perceive aesthetically pleasing designs as easier to use, even when the actual usability may be similar.

This explains why visual design matters in UX.

Good typography, spacing, alignment, consistency, and visual hierarchy can create a positive first impression.

However, there’s an important distinction:

Beautiful ≠ usable.

A visually attractive interface can still have:

• confusing navigation,
• poor accessibility,
• unclear buttons,
• complicated interactions,
• or frustrating user flows.

UX takeaway

Don’t choose aesthetics over usability.

The goal is:

Beautiful + Clear + Accessible + Usable

How UX Laws Help Designers

UX laws aren’t strict rules that you must follow in every situation.

Instead, they are mental models that help designers understand user behavior.

Before adding an element to your design, ask:

🤔 Is it easy to reach?

→ Think about Fitts’s Law

🤔 Are there too many choices?

→ Think about Hick’s Law

🤔 Will users understand the interface immediately?

→ Think about Jakob’s Law

🤔 Are related elements visually connected?

→ Think about Proximity

🤔 Am I making users remember too much?

→ Think about Miller’s Law

🤔 What information needs attention?

→ Think about the Von Restorff Effect

🤔 Does the interface look trustworthy and polished?

→ Think about the Aesthetic-Usability Effect

Final Thoughts

Learning UX laws isn’t about memorizing a list of rules.

It’s about developing a better understanding of how users think and behave.

As a beginner designer, you don’t need to know every UX principle before opening Figma.

Start by asking simple questions:

Can users understand this?

Can they find what they need?

Can they complete the task easily?

Am I making them think unnecessarily?

That’s where good UX begins.

Great UX isn’t about making users think harder. It’s about making their experience feel effortless.

💬 What UX law do you find most useful?

If you’re learning UX/UI design, save this article and use these principles when reviewing your next design.

#UXDesign #UIDesign #UXLaws #ProductDesign #Figma #UXDesigner #UIDesigner #DesignPrinciples

Good UI design is not just about making a screen look beautiful.

A good interface should help users understand what to look at, what to do, and where to go next — without confusion.

When I started learning UI/UX design, I realized that even small design decisions can make a huge difference to the overall user experience.

Here are 7 fundamental UI design principles that every beginner designer should understand and apply.

1. Visual Hierarchy

Visual hierarchy is the way we arrange elements so that users naturally understand what is most important first.

Users don’t read every element on a screen equally. They usually scan the interface and look for important information.

You can create hierarchy using:

• Font size
• Font weight
• Color
• Position
• Spacing
• Contrast

Example

A landing page might have:

Large heading → Supporting text → Primary button → Secondary information

The most important element should visually stand out.

Tip: Ask yourself: “What should the user notice first?”

That element should have the strongest visual emphasis.

2. Consistency

Consistency makes an interface easier to learn and use.

If the same type of button looks different on different screens, users may become confused.

Maintain consistency in:

• Buttons
• Colors
• Typography
• Icons
• Spacing
• Components
• Navigation

For example, if your primary button is a rounded blue button on one screen, don’t suddenly make the primary button rectangular and green on another screen without a good reason.

Think of it this way:

Same action = Same visual language.

Design systems and reusable components in tools like Figma make consistency much easier to maintain.

3. White Space

White space, also called negative space, is the empty space between elements.

Beginners sometimes think empty space means wasted space.

Actually, white space helps users understand the relationship between elements.

It can improve:

• Readability
• Focus
• Visual balance
• Content organization
• Overall appearance

For example, putting too much text and too many buttons close together can make a screen feel crowded.

Adding appropriate spacing can immediately make the same design feel cleaner.

Remember:

Good design is not about filling every available space.

4. Contrast

Contrast helps important elements stand out from their surroundings.

You can create contrast using:

• Light and dark colors
• Different font sizes
• Different font weights
• Shapes
• Spacing
• Background colors

For example, a primary CTA should be visually noticeable compared with less important actions.

However, contrast isn’t only about making a design attractive.

It is also important for accessibility and readability.

Text should have enough contrast against its background so users can read it comfortably.

5. Alignment

Alignment creates structure and makes a design feel organized.

When elements are properly aligned, users can understand the layout more easily.

Common alignment types include:

• Left alignment
• Center alignment
• Right alignment
• Grid-based alignment

For example, if several text blocks start at different horizontal positions without a reason, the design can feel messy.

Using a consistent grid and alignment system creates a much cleaner interface.

A simple rule:

If elements are related, look for a logical way to align them.

6. Typography

Typography is one of the most important parts of UI design.

Choosing a beautiful font isn’t enough. You also need to think about readability and hierarchy.

A basic typography system might include:

• Heading
• Subheading
• Body text
• Caption
• Button text

Pay attention to:

• Font size
• Font weight
• Line height
• Letter spacing
• Text length

For example, your main heading should clearly look different from your body text.

A good typography system helps users quickly understand the structure of your content.

Don’t use too many different fonts.

In many interfaces, one or two font families are enough.

7. Simplicity

One of the most powerful UI principles is simplicity.

A design doesn’t become better simply because you add more elements.

Too many:

• Buttons
• Colors
• Icons
• Animations
• Cards
• Information

can make an interface difficult to understand.

Instead, focus on the user’s main goal.

Ask:

“Does this element help the user accomplish something?”

If the answer is no, consider removing it.

Good UI design often comes from knowing what not to add.

How These Principles Work Together

These principles don’t work independently.

A strong UI combines them.

For example, a well-designed login page might use:

Visual hierarchy → to highlight the login heading

Typography → to create clear information levels

Spacing → to separate form elements

Alignment → to keep the form organized

Contrast → to highlight the login button

Consistency → to maintain the same design language

Simplicity → to keep the user focused on logging in

That’s what makes UI design interesting.

It’s not about one perfect color or one perfect font.

It’s about how multiple small decisions work together to create a clear experience.

Final Thoughts

When you’re learning UI design, don’t focus only on making your designs look attractive.

Start asking better questions:

Can the user understand this screen quickly?

Is the most important information easy to find?

Are the elements consistent?

Is there enough spacing?

Can users easily understand what they should do next?

These questions will help you move from simply making designs to actually designing interfaces.

And that’s an important step in becoming a better UI/UX designer.

What I’m Learning

UI design is a continuous learning process. The more interfaces you analyze, the more you start noticing hierarchy, spacing, typography, consistency, and usability in everyday products.

Start simple. Observe more. Design with purpose.

If you’re also learning UI/UX, these seven principles are a great place to start.

I spent time learning frames, components, Auto Layout, typography, colors, buttons, and prototypes. But as I started designing more, I realized something important:

Knowing how to use a design tool doesn’t automatically make you a good designer.

A good UI/UX designer needs to understand why a design works — not just how to create it.

UX is about understanding users, their goals, their problems, and how we can make their experience easier.

Here are five UX principles that every beginner designer should understand.

1. Keep It Simple

One of the most important UX principles is simplicity.

Users shouldn’t have to work hard to understand an interface.

When we add too many buttons, colors, animations, menus, or unnecessary information, we increase the user’s cognitive load.

Real-world example: Google Search

Think about the Google homepage.

It’s extremely simple:

• Search field
• Search button
• A few important links

There aren’t dozens of options competing for your attention.

Why?

Because the user’s main goal is simple:

Search for something.

The interface supports that goal instead of distracting from it.

What beginners can learn

Before adding an element to your design, ask:

“Does the user actually need this?”

If the answer is no, consider removing it.

Good UX doesn’t always mean adding more. Sometimes it means removing what isn’t necessary.

2. Consistency Matters

Imagine using an app where every screen has a completely different navigation style.

On one screen, the back button is at the top-left.

On another, it’s at the bottom.

One button is blue, another is green, and both perform the same action.

It would be confusing.

That’s why consistency is so important.

Users learn patterns as they interact with a product. When similar elements behave and look similar, users don’t have to relearn the interface on every screen.

Real-world example

Most mobile apps place the back navigation in a familiar location.

Users already understand this pattern, so they don’t have to stop and think about how to return to the previous screen.

What beginners can learn

Maintain consistency in:

• Colors
• Typography
• Buttons
• Icons
• Spacing
• Navigation
• Components
• Interaction patterns

This is also where Figma Components and Design Systems become extremely useful.

Instead of creating every button from scratch, you can create reusable components and maintain consistency throughout your design.

3. Give Users Feedback

Have you ever clicked a button and wondered:

“Did it actually work?”

That’s a UX problem.

Whenever users interact with a product, the interface should give them some form of feedback.

For example:

• A button changes state after clicking.
• A loading indicator appears.
• A success message confirms an action.
• An error message explains what went wrong.
• A progress indicator shows how much of a process is complete.

Real-world example: Online payments

Imagine making an online payment.

You click Pay Now.

Nothing happens for five seconds.

You might click it again.

Now you aren’t sure whether the payment happened once, twice, or not at all.

A loading state such as:

Processing payment…

immediately gives the user confidence that the system received their action.

What beginners can learn

Whenever you design an interaction, think about three things:

Before the action → During the action → After the action

The user should understand what is happening.

4. Make Important Things Easy to Find

Good UX helps users find what they need without unnecessary effort.

This is where visual hierarchy becomes extremely important.

Not every element on a screen has the same level of importance.

For example, on an e-commerce product page, users might primarily want to know:

What is the product?

How much does it cost?

Can I buy it?

The design should make those things easy to find.

Real-world example: E-commerce

Imagine a product page where the Buy Now button is tiny, the price is hidden at the bottom, and the product name is difficult to read.

The website might look beautiful, but the experience is frustrating.

A better design would create a clear hierarchy:

Product → Information → Price → CTA

What beginners can learn

Use:

• Size
• Contrast
• Spacing
• Position
• Typography
• Color

to guide the user’s attention.

Ask yourself:

“What should the user notice first, second, and third?”

That’s visual hierarchy.

5. Design for the User, Not Yourself

This is probably the most important lesson I’ve learned while exploring UI/UX.

You are not the user.

Something that seems obvious to you might be confusing to someone else.

As designers, we already know how our designs work. That’s why it’s easy to assume that everyone else will understand them too.

But real users may have different:

• Goals
• Technical knowledge
• Experiences
• Abilities
• Expectations
• Behaviors

Real-world example: Error messages

Imagine a user tries to log in and sees:

“Error 401.”

As a developer, you might understand what that means.

But most users don’t.

A better message could be:

“Your email or password is incorrect. Please try again.”

Even better, provide a clear action:

Forgot your password? Reset it here.

The goal isn’t to show users technical information.

The goal is to help them move forward.

What beginners can learn

Before finalizing a design, ask:

“If I had never seen this interface before, would I understand what to do?”

That’s a powerful UX question.

How I Apply These Principles in Figma

When I start a new design in Figma, I try not to immediately focus on colors and visual effects.

I first think about:

1. Who is the user?

2. What does the user want to accomplish?

3. What information do they need?

4. What is the simplest way to help them?

5. What should they see or do next?

Then I start thinking about the interface.

This approach helps me move from:

“How can I make this screen look good?”

to:

“How can I make this experience work well?”

And that difference is huge.

Common Mistakes Beginner Designers Make

When you’re starting UI/UX, it’s easy to fall into a few common traps.

❌ Designing only for aesthetics

A beautiful interface isn’t automatically a good interface.

❌ Using too many colors

More colors don’t necessarily make a design more interesting.

❌ Ignoring spacing

Good spacing can make a simple design feel much more professional.

❌ Adding unnecessary features

Every feature should have a purpose.

❌ Skipping user testing

Your design might make perfect sense to you but confuse someone seeing it for the first time.

❌ Starting with high-fidelity UI

Sometimes it’s better to begin with a simple wireframe and solve the experience before polishing the visuals.

What I’m Learning as a Beginner UI/UX Designer

My biggest realization has been that UI/UX design is not about making screens beautiful.

It’s about solving problems.

Figma is a tool.

Canva is a tool.

Photoshop is a tool.

But the most important tool is your ability to think from the user’s perspective.

The more I learn about UX, the more I understand that good design comes from asking the right questions.

Instead of asking:

“Does this look good?”

I try to ask:

“Does this make sense to the user?”

And:

“Can I make this experience simpler?”

Final Thoughts

I’m still learning UI/UX design, and I know I have a lot more to explore.

But these five principles have helped me look at design differently:

Keep it simple.

Be consistent.

Give users feedback.

Make important things easy to find.

Design for the user — not yourself.

The more I practice these principles, the more I realize that great UX isn’t always about creating something complicated.

Sometimes, the best design is the one that makes the user’s journey feel simple, natural, and effortless.

And that’s the kind of designer I’m working toward becoming. 🎨✨

It Started With a Simple Idea

Every designer remembers their first design.

Not because it was perfect.

Not because every spacing, color, or component was right.

But because it was the moment when they started seeing design differently.

For me, that moment came when I decided to create my first UI/UX design project — a hero page for a smart ring product inspired by GIVA Ring 4.

At that time, I was still learning and exploring UI/UX design. I was becoming more comfortable with Figma, experimenting with layouts, typography, images, buttons, and visual hierarchy.

I wanted to create something that looked modern and premium.

But more importantly, I wanted to understand how a real product landing page is designed.

My First Challenge: Where Do I Start?

When I opened Figma, I had an idea in my mind.

I wanted the page to immediately communicate three things:

What is the product?

Why should I care about it?

What should I do next?

That sounds simple.

But when you actually start designing a page, you realize there are many decisions behind those three questions.

Where should the headline go?

How large should the product image be?

Where should the navigation sit?

How much information should appear above the fold?

Where should the CTA button be placed?

What colors should I use?

These questions became my first real introduction to design thinking.

Designing the Hero Section

I decided that the hero section should be the main focus of the page.

The product needed to be the star.

For the visual, I used a gold smart ring placed in a natural flower-field environment. The background helped create a premium and lifestyle-oriented feeling rather than making the product look like a simple piece of technology.

At the center, I placed the main message:

“Our Most Personal Smart Ring Ever.”

The goal was simple — to make the user understand the product’s positioning almost immediately.

I learned something important while working on this:

A hero section has only a few seconds to make an impression.

Creating a Visual Hierarchy

One of the things I started understanding through this project was visual hierarchy.

Not everything on a screen should have the same importance.

The headline should attract attention first.

The product should immediately communicate what is being offered.

The supporting information should explain the value.

And the CTA should tell the user what they can do next.

So I experimented with the placement of:

• Product name
• Main headline
• Product image
• Price
• Product description
• Call-to-action button
• Navigation

This was one of my first experiences with designing a screen where every element had a purpose.

The “Order Now” Button

One small element that taught me a lot was the “Order Now” button.

Initially, I thought:

“It’s just a button.”

But while designing, I realized that a CTA is much more than a visual element.

It is the point where the design asks the user to take action.

I wanted it to be visible without competing too heavily with the product itself.

That meant thinking about its:

Size → Position → Contrast → Text → Visual weight

It made me realize that even small UI elements require thoughtful decisions.

Making the Product Feel Premium

Since the concept was based around a smart ring, I wanted the overall design to feel premium and modern.

The combination of the gold ring, soft natural background, large typography, and clean navigation helped me create that feeling.

I experimented with the visual balance between the product and the background.

The challenge was not simply to make the page beautiful.

It was to make sure the product remained the main character.

That’s something I want to remember in future projects:

Visual design should support the product — not hide it.

My First Lesson in Responsive Thinking

While creating the hero page, I also started thinking beyond a single screen.

A design that looks good on a large desktop screen may not automatically work on a mobile device.

That made me think about:

• Content hierarchy
• Image scaling
• Navigation
• Button placement
• Text size
• Spacing
• Responsive layouts

This was another step in understanding that UI/UX design isn’t simply about creating one beautiful frame in Figma.

It’s about thinking about how the experience works across different situations.

It Wasn’t Perfect

Looking at the design now, I can see things I would change.

Some spacing could be improved.

The typography could be refined.

The content hierarchy could be stronger.

The CTA could be positioned differently.

And there are definitely details I would approach differently today.

But that’s exactly why I value this project.

It shows where I started.

And more importantly, it shows how much I can learn from one design.

What This First Project Taught Me

This project taught me that UI/UX design isn’t about knowing every Figma feature.

It’s about making decisions.

Why this font?

Why this size?

Why this position?

Why this color?

Why this button?

Why this image?

Every element should have a reason behind it.

Before this project, I mostly thought about how a design looked.

After working on it, I started thinking more about why it looked and worked that way.

That shift in thinking was important for me.

From a Figma Frame to a Design Mindset

My first hero page wasn’t just another Figma project.

For me, it was the beginning of understanding what it means to design a digital experience.

I learned about visual hierarchy.

I learned about product storytelling.

I learned about CTAs.

I learned about spacing and typography.

I learned that visual design and user experience need to work together.

And most importantly, I learned that the first version doesn’t have to be perfect.

It just needs to be the beginning.

What I Would Do Differently Today

If I redesigned this hero page today, I would approach it with a stronger UX process.

I would start by defining the target audience.

Then I would identify the main user goal.

I would research similar smart-ring and wearable-product websites.

I would create wireframes before moving into visual design.

Then I would test different layouts and CTA placements.

Finally, I would refine the visual design and prototype the experience.

This project helped me understand why a proper UX process matters.

My First Step Was Small, But It Mattered

When I look back at this project, I don’t see a perfect design.

I see my first step.

A first attempt at turning an idea into a digital interface.

A first attempt at thinking about users.

A first attempt at creating hierarchy.

A first attempt at telling a product story through design.

And that’s what makes this project special to me.

Every designer starts somewhere.

Mine started with a smart ring, a hero section, and a lot of experimentation in Figma.

I’m still learning.

I’m still improving.

And I’m still discovering what kind of designer I want to become.

But one thing is certain:

This was only my first UI/UX design.

And it definitely won’t be my last. 🎨✨

I still remember when I first started exploring UI/UX design.

At that time, I was studying Computer Science and was already familiar with the technical side of things. I was learning programming, websites, and different technologies, and I thought I would probably build my career around development.

But there was always something that caught my attention.

Whenever I opened a website or an app, I found myself looking beyond the code.

I would notice the layout.

The colors.

The buttons.

The spacing.

The way everything was arranged.

And sometimes I would think:

“Why did they design it this way?”

That simple question became the beginning of my UI/UX journey.

The First Time I Discovered UI/UX

Initially, I didn’t completely understand what UI/UX meant.

I thought UI/UX was mostly about making websites look beautiful.

I didn’t know how much thinking happens behind a good design.

Then I started learning about User Interface and User Experience.

I realized that UI is not just about colors and buttons, and UX is not just about making an app easy to use.

It’s about understanding people.

It’s about understanding what users need, where they struggle, and how we can make their experience simpler.

That idea really interested me.

I realized that design could combine two things I enjoy:

Technology and Creativity.

My First Step Was Figma

After discovering UI/UX, one of the first tools I started learning was Figma.

At first, I was excited to explore everything.

I created frames.

I experimented with colors.

I tried different fonts.

I created buttons and cards.

I explored components, auto layout, wireframes, and prototypes.

But my first designs were definitely not perfect. 😅

Sometimes the spacing was wrong.

Sometimes the typography didn’t look right.

Sometimes the alignment was inconsistent.

And sometimes I couldn’t understand why a design looked good in my head but didn’t look good on the screen.

But instead of giving up, I kept experimenting.

I Started Looking at Design Differently

As I practiced more, something changed.

I stopped looking at Figma as just a design tool.

I started looking at design itself.

When I used an app, I started noticing its navigation.

When I visited a website, I noticed its visual hierarchy.

When I saw a button, I started thinking about its placement and purpose.

I began asking myself:

Is this easy to understand?

Can the user find what they need quickly?

Is there too much information on this screen?

Can this experience be simpler?

Those questions helped me understand that being a UI/UX designer isn’t about creating the most beautiful screen.

It’s about creating the right experience for the user.

Learning From My Mistakes

My journey hasn’t been perfect.

I’ve created designs that I wasn’t happy with.

I’ve redesigned the same screen multiple times.

I’ve struggled with spacing, typography, colors, responsive layouts, and prototypes.

But every mistake taught me something.

I learned that design is not about getting everything right on the first attempt.

It’s about iteration.

Design.

Test.

Get feedback.

Improve.

Repeat.

That mindset has become one of the most important lessons in my journey.

Figma Was Only the Beginning

As I continued exploring design, I also started using Canva for visual content, social media designs, presentations, and creative work.

But I slowly understood something important:

Knowing a design tool doesn’t make you a designer.

Figma and Canva are tools.

The real skill is understanding why you’re making a design decision.

A designer needs creativity, but also empathy, observation, problem-solving, and an understanding of users.

That’s what makes UI/UX so interesting to me.

Where I Am Today

I’m still learning.

I’m still experimenting.

I’m still making mistakes.

And I’m still improving.

Today, I’m focusing on growing as a UI/UX Developer and Designer, while continuing to improve my skills in Figma, visual design, wireframing, prototyping, and user experience.

I know there is a lot more for me to learn.

And honestly, that’s what makes the journey exciting.

This Is Just My First Step

Looking back, my first step into UI/UX wasn’t a big achievement or a perfect project.

It was simply curiosity.

A question.

A desire to understand why some digital experiences feel effortless while others feel frustrating.

That curiosity introduced me to UI/UX design.

And now, what started as curiosity has become something I genuinely want to pursue.

I’m still at the beginning of this journey, but I’m excited to see where it takes me.

This is my first step into UI/UX design.

And I’m just getting started. 🚀🎨

Every Journey Starts With a Question

When I started my journey in Computer Science, I thought I already knew where it would take me.

I was interested in technology, coding, websites, and software. Like many CSE students, I explored different technologies and tried to understand which direction would be the right one for my career.

I learned programming languages, worked with web technologies, experimented with different projects, and spent countless hours trying to understand how software actually works.

But somewhere along the way, I started asking myself:

“Do I really want to spend my entire career only writing code?”

I didn’t have the answer immediately.

Exploring Different Paths

During my learning journey, I explored different areas of technology.

I worked with technologies such as HTML, CSS, JavaScript, React, Python, SQL, and other development tools. Each new technology taught me something different.

But I noticed something about myself.

Whenever I worked on a website or application, I wasn’t only thinking about the code.

I was also thinking:

Why is this button here?

Could this layout be simpler?

Why does this screen feel confusing?

How can I make this easier for someone to use?

That’s when I started becoming more interested in the design side of technology.

Then I Discovered UI/UX

My introduction to UI/UX changed the way I looked at digital products.

Initially, I thought UI/UX was mainly about colors, fonts, icons, and making screens look beautiful.

Then I started learning more.

I discovered that good design isn’t just about making something look good.

It’s about understanding people.

It’s about understanding their problems, expectations, frustrations, and goals — and then creating an experience that helps them accomplish what they want.

That idea really attracted me.

I realized that UI/UX combines two things I enjoy:

Technology + Creativity.