Usman Mustapha Muhammad

Aspiring UI/UX Designer | Accounting Graduate | Trade Finance Executive & Sales Consultant | CEO, Useeyh Autos & Properties

[Usman Mustapha Muhammad @Useeyh_Ms]

• Structuring a mobile login screen layout
• Designing input fields for email and password
• Creating a call-to-action login button
• Applying basic UI spacing and alignment

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy
#UIUXDesign
#FigmaDesign

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 29 – 30 Days Learning Challenge 🚀

Today I practiced designing a Login Screen in Figma.

I applied what I’ve been learning about wireframing, layout structure, and UI components to build a simple mobile login interface.

Key things I practiced:

[Usman Mustapha Muhammad @Useeyh_Ms]

(low, mid, and high fidelity), the importance of clarity, simplicity, and visual hierarchy, and common layout patterns like Z-pattern and F-pattern.

Also practiced basic wireframing elements in Figma using shapes and line

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 27 – 30 Days Learning Challenge 🚀

Today’s self-paced learning focused on Wireframing & Low-Fidelity Prototyping.

A wireframe is a simple blueprint that shows the structure of a digital interface before visual design is added. I learned the different types of wireframes

[Usman Mustapha Muhammad @Useeyh_Ms]

and avoid wasting time on visuals too early. • High-fidelity designs help stakeholders and users visualize the final product experience.
Both stages are essential in creating effective, user-centered products.

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 26 of my 30 Days Learning Challenge 🚀

Today’s self-learning focused on Low-Fidelity vs High-Fidelity Design in UX.

Understanding the difference between these two stages helps designers move from simple ideas to polished product interfaces.

[Usman Mustapha Muhammad @Useeyh_Ms]

Here are a few things I learned today:

• Low-fidelity designs focus on structure, layout, and user flow without detailed visuals. • High-fidelity designs include colors, typography, images, and realistic interactions. • Designers start with low-fidelity to test ideas quickly

[Usman Mustapha Muhammad @Useeyh_Ms]

and test ideas before development

Wireframes act as the blueprint of a product, helping designers organize content and create a clear user experience before adding visuals.

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 25 of my 30 Days Learning Challenge 🚀

Today’s self-learning focused on Wireframing in UX Design.

Wireframes are simple visual guides that represent the structure and layout of a digital product before the actual design begins.

Here are a few things I learned today:

[Usman Mustapha Muhammad @Useeyh_Ms]

• What wireframes are and why they are important in the design process
• How wireframes help designers focus on structure, layout, and functionality
• The difference between low-fidelity and high-fidelity wireframes

• Why wireframing helps teams plan

[Usman Mustapha Muhammad @Useeyh_Ms]

• Why mapping the journey helps improve overall user experience

Understanding the user’s journey helps designers create smoother, more meaningful product experiences.

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 24 of my 30 Days Learning Challenge 🚀

Today’s self-learning focused on User Journey Mapping in UX Design.

User journey mapping helps designers visualize the entire experience a user goes through while interacting with a product, from the first interaction to completing

[Usman Mustapha Muhammad @Useeyh_Ms]

their goal.

Here are a few things I learned today:

• What a user journey map is and why it matters
• How it helps designers understand users’ emotions, actions, and pain points
• The key stages users go through while interacting with a product

[Usman Mustapha Muhammad @Useeyh_Ms]

• How personas help teams stay user-focused throughout the design process

Creating user personas helps ensure that products are designed for real people and real needs.

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 23 of my 30 Days Learning Challenge 🚀

Today’s self-learning focused on User Personas in UX Design.

User personas help designers understand their target users by creating realistic profiles that represent different types of users who may interact with a product.

[Usman Mustapha Muhammad @Useeyh_Ms]

Here are a few key things I learned today:

• What user personas are and why they are important
• How personas help designers understand users’ goals, needs, and pain points
• Why designing with a specific user in mind leads to better product decisions

[Usman Mustapha Muhammad @Useeyh_Ms]

Good design is not just about how things look — it’s about how easily users can use and understand a product.

Still learning. Still improving. One day at a time. 💻✨

@TechSphereAcad
#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 22 of my 30 Days Learning Challenge 🚀

Today’s self-learning focused on Usability Testing in UX Design.

Usability testing helps designers understand how real users interact with a product and identify areas that need improvement.

Here are a few things I learned today:

[Usman Mustapha Muhammad @Useeyh_Ms]

• What usability testing is and why it’s important
• How observing real users helps discover pain points and confusion
• Different ways designers test products before launch
• Why usability testing helps create simpler and more user-friendly products

[Usman Mustapha Muhammad @Useeyh_Ms]

• Why prototyping helps designers identify problems early and improve user experience
Prototyping brings ideas to life and helps designers see how users will truly interact with a product.
Still learning. Still improving.

#30DaysOfTech
#LearningWithTSAcademy

[Usman Mustapha Muhammad @Useeyh_Ms]

Day 21 of my 30 Days Learning Challenge 🚀 @TechSphereAcad

Today’s self-learning focused on Prototyping in UX Design.

Prototyping allows designers to turn wireframes into interactive designs that simulate how a product will actually work before development begins.

[Usman Mustapha Muhammad @Useeyh_Ms]

Here are a few things I learned today:

• What prototypes are and why they are important in product design
• The difference between low-fidelity and high-fidelity prototypes
• How prototypes help test usability before building the product