From Ideas to Interfaces: How I Start a UX Design Project from Scratch

As someone transitioning from graphic design into the world of UX, I often get asked—how do you even begin a UX project? Truth is, starting can feel overwhelming. But over time, I’ve found a process that helps turn a rough idea into a structured, human-centered design. In this post, I’ll walk you through how I approach a UX design project from scratch—step by step—based on personal and prompt-generated projects I’ve worked on for my portfolio.

Whether you’re a fellow beginner or just curious about the process, I hope this gives you clarity and motivation to begin your own UX journey.

Step 1: Understand the Problem

Every project starts with a why. If you don’t understand the problem you’re solving, you’ll end up designing features people don’t need. I start by asking:

• Who are the users?

• What problems are they facing?

• What is the product trying to achieve?

For my EV charging app concept, I began by identifying pain points EV drivers face—like not knowing where the nearest charging station is or whether they’ll have enough battery to reach it. That one insight formed the foundation of everything else.

“Fall in love with the problem, not the solution.” — Uri Levine, Waze Co-founder

Step 2: Do a Quick Competitive & User Research

Even if I can’t conduct interviews or surveys (which is ideal), I still try to read reviews, scan Reddit threads, or use AI tools to simulate personas. I ask:

• What are users saying about similar products?

• What do they love or hate?

• What features are common across competitors?

This helps me avoid reinventing the wheel—and also spot gaps I can solve for.

Step 3: Define User Personas & Journey

Once I understand the users, I build lightweight personas. These aren’t complicated—they're simple documents with user goals, frustrations, and basic behaviors. Then I map out their journey:

• What steps do they take to solve the problem now?

• Where do they get frustrated?

• How could my product make it easier?

This gives me clarity on what to prioritize in the user flow.

Step 4: Sketch the Flow and Wireframes

Now comes my favorite part—getting ideas out of my head. I start with messy, hand-drawn sketches or wireframes in Figma. The goal isn’t beauty—it’s clarity.

• What’s the first thing users see?

• Where do they go from there?

• What does each screen need to show or do?

These sketches slowly evolve into low-fidelity wireframes. I make sure to label every button, CTA, and interaction point.

Step 5: Create a Basic Design System

Coming from a graphic design background, this part feels natural to me. Before diving into visuals, I set:

• Typography: Clean, readable type hierarchy

• Color Palette: With accessibility contrast in mind

• Spacing & Grids: So everything feels consistent

• Components: Like buttons, forms, and cards

Even if it’s a small project, having these design variables ready helps me move faster and keep everything aligned.

Step 6: High-Fidelity Design in Figma

Once the wireframes are approved by the stakeholders (in my case, by me or a friend I ask for feedback), I move to high-fidelity mockups in Figma. This is where the UI shines:

• I add visuals, icons, and real content.

• I apply the design system components.

• I test different layouts and iterate fast.

Since I’m still building my portfolio, I often go back and forth between wireframes and UI to fine-tune spacing and usability.

Step 7: Prototype & Test

Figma’s prototyping tools make it easy to link screens and create a simple flow. I test it myself and ask a few friends to try the prototype. Their feedback often helps me catch small issues—like confusing buttons or missing screens.

Even without formal usability testing, just seeing someone interact with your design can reveal a lot.

Step 8: Document the Case Study

Once the design is done, I document everything for my portfolio:

• The problem I solved

• My process (like what I shared above)

• The final screens and prototype

• What I learned and what I’d do better

This not only helps others understand my thinking—it helps me grow as a designer.

Final Thoughts

Starting a UX design project from scratch might seem scary at first. But with a clear process and a user-first mindset, it becomes an exciting challenge. My background in graphic design gave me a head start in visual storytelling, but UX taught me to think deeper—to design for people, not just pixels.

If you’re new like me, remember: start small, be curious, and build projects that solve real problems. You’ll learn more by doing than waiting for the perfect idea.

Understanding the Role of UX in Everyday Digital Experiences

In today's digital age, we interact with a variety of products and services on a daily basis—whether it's browsing a website, using a mobile app, or navigating through an online shopping platform. But have you ever wondered why some digital experiences feel smooth and intuitive while others leave you frustrated and confused? The answer lies in UX, or User Experience design.

What is UX Design?

UX design is the process of creating products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function. It's about ensuring that the user’s journey through the product is as easy and enjoyable as possible.

Imagine walking into a grocery store. If the store layout is intuitive, the aisles are well-organized, and the items you need are easy to find, your shopping experience is pleasant. You might not even notice the design—everything just works. However, if the store is cluttered, the aisles are confusing, and you can't find what you're looking for, you'll quickly become frustrated. This is exactly how UX design works in the digital world: when it’s done well, it’s nearly invisible, but when it’s done poorly, it stands out.

The Purpose of UX Design

The primary purpose of UX design is to create a product that not only solves the user’s problem but also does so in a way that is efficient, effective, and enjoyable. It’s not just about how a product looks (that’s UI design, or User Interface design); it’s about how it works.

Good UX design involves:

• Understanding User Needs: By conducting user research, designers can understand what users need, what their pain points are, and how the product can solve those problems.

• Creating a Seamless Flow: From the moment a user interacts with the product, they should feel guided and supported. Whether they’re signing up for a service, purchasing a product, or simply browsing, the experience should be smooth and intuitive.

• Ensuring Accessibility: UX design ensures that products are accessible to all users, including those with disabilities. This involves considering things like color contrast, font size, and alternative text for images.

Why Good UX Design Matters

To understand the importance of good UX design, let’s compare it to a real-life scenario. Imagine you’re driving a car. If the controls are easy to understand, the dashboard is clear, and the car responds predictably, driving is a breeze. But if the controls are confusing, the dashboard is cluttered with unnecessary information, and the car responds unpredictably, driving becomes stressful and dangerous.

Similarly, in the digital world, good UX design ensures that users can navigate a product easily, find the information they need, and complete their tasks without frustration. It’s about creating a digital environment that feels natural and intuitive.

Key Elements of UX Design

To build a successful UX design, several key elements must be considered:

1. Accessibility: Design should be inclusive, catering to people with different abilities. This involves considering visual, auditory, and cognitive accessibility.

2. Usability: A product must be easy to use. This includes intuitive navigation, clear instructions, and a logical flow of actions.

3. Functionality: The product must work as intended. It should be reliable, with no bugs or errors that disrupt the user’s experience.

4. Information Architecture: This is about organizing content in a way that makes it easy for users to find what they’re looking for. Clear labels, well-structured menus, and a logical flow of information are key.

5. Interaction Design: This involves designing the way users interact with the product, including buttons, controls, and other interactive elements. The goal is to make these interactions as smooth and intuitive as possible.

6. Visual Design: While UX is primarily about function, visual design plays a supporting role. A clean, aesthetically pleasing interface can enhance the user experience by making the product more enjoyable to use.

Building a UX Design System

Creating a consistent UX design across all your products requires a well-defined design system. A design system is a set of guidelines that includes typography, color schemes, components, and spacing, among other things. This ensures that all products under your brand provide a consistent user experience.

• Typography: Choose fonts that are easy to read and reflect your brand's personality.

• Color Schemes: Define a palette that represents your brand and ensures readability.

• Components: Standardize elements like buttons, forms, and navigation bars to create a cohesive experience.

• Spacing and Layouts: Consistent spacing and layouts make the interface clean and easy to navigate.

Conclusion

UX design is not just about creating beautiful products; it's about crafting experiences that are intuitive, efficient, and enjoyable for the user. Whether you’re designing a mobile app, a website, or any other digital product, focusing on UX can make the difference between a product that users love and one that they abandon.

Remember, good UX design is often invisible—it’s felt in the ease and satisfaction users experience when interacting with your product. By understanding and implementing the core principles of UX design, you can create products that not only meet users’ needs but also provide them with a delightful experience.