Interesting. I tell you what my issue is, as soon I have wireframe like for example Homa or the banking app site. The problem is when you got the wireframe elements turning that into actually a design. How do you go about thinking is going to be design that way or what the process is?
Thanks for sharing! I think I understand the challenge you’re facing. Moving from a wireframe to a fully fleshed-out design can feel a bit daunting. The key is to think of wireframes as the skeleton, and the design is what gives it life and personality. Here’s how I could approach it (base on project I use different process): Understand the Purpose: First, revisit the goals of the wireframe. What are the most important elements? What kind of user experience are you trying to create? This will guide your design decisions. Establish a Visual Hierarchy: Once the structure is clear, think about how to prioritize elements visually. Which elements should stand out? Things like font size, colors, and placement help guide the user’s attention. Define the Style: Based on the target audience and brand, define a consistent style-colors, fonts, spacing, and other design elements. You can use design systems like Material UI or reference existing designs like the ones you mentioned (Homa, banking apps) for inspiration. Iterate: Don’t expect the first draft to be perfect. Try different layouts, color schemes, or font choices until the design feels cohesive and functional. User feedback at this stage can also be really helpful.
@@uiuxpixels Thanks, are you able to do tutorial on this as many channels miss this and only focus on UI in figma, I think would be good idea & would help a lot people.
That "the forestta" design is awesome....its so modern
if you want to lose money - use these hero sections
🤣🤣😂😂😂
Wonderful ideas and inspiration. Thanks for sharing.
Thanks, will be more 😊
very useful. thank you.
Thanks 🤟
Interesting. I tell you what my issue is, as soon I have wireframe like for example Homa or the banking app site. The problem is when you got the wireframe elements turning that into actually a design. How do you go about thinking is going to be design that way or what the process is?
Thanks for sharing! I think I understand the challenge you’re facing. Moving from a wireframe to a fully fleshed-out design can feel a bit daunting. The key is to think of wireframes as the skeleton, and the design is what gives it life and personality.
Here’s how I could approach it (base on project I use different process):
Understand the Purpose: First, revisit the goals of the wireframe. What are the most important elements? What kind of user experience are you trying to create? This will guide your design decisions.
Establish a Visual Hierarchy: Once the structure is clear, think about how to prioritize elements visually. Which elements should stand out? Things like font size, colors, and placement help guide the user’s attention.
Define the Style: Based on the target audience and brand, define a consistent style-colors, fonts, spacing, and other design elements. You can use design systems like Material UI or reference existing designs like the ones you mentioned (Homa, banking apps) for inspiration.
Iterate: Don’t expect the first draft to be perfect. Try different layouts, color schemes, or font choices until the design feels cohesive and functional. User feedback at this stage can also be really helpful.
@@uiuxpixels Thanks, are you able to do tutorial on this as many channels miss this and only focus on UI in figma, I think would be good idea & would help a lot people.
@@Pixelyze-tech Yes, will be UX content too 😊
great video man, thanks !
You are welcome 😁
gj bro
@@Trippiin Thanks 😎
Awesome stuff
Thanks a lot 🤩