Atomic Design Framework
Brad Frost’s Atomic Design Framework is the way to create a design system. The atoms create molecules, the molecules create organisms, the organisms create templates, and the templates structure the pages.
The atoms in the system I create are; Colors, Typography, Grids, Icons, and Shadows which are used as guideline for the designers, developers, and the client.
BEM Model
Bem Model stands for Block, Element, and Modifier. It’s used by front end developer to build a scalable design system and components
I create the buttons modifier in terms of icons, size, and status. This way I have Molecules (buttons and Input), and Elements which are components that are heavily used in the design.
Wondering how UXUI were before figma? here’s my first project back into 2010
UXUI is a part of Design Management bachelor. We used to do everything using illustrator. UXUI have the same foundations and principles regardless of the medium used to draw and enhance the user journey. Download the file a take a glance about UXUI back in 2010
We worked on enhancing the student experience using the university’s library. We worked on Personas, Surface Plan, Structure Plan, Scope Plane, and Strategy Plan. Then we provide the new Proposed Structure, Scenarios, Spider Diagram, Taskflow, and Wireframe.
About me…
I’m a co-founder of Panda Voiceover, a trainer, speaker, and author. I wholeheartedly believe in the boundless potential within each of us. For me, the pursuit of productivity and accomplishment is intricately linked to the pursuit of happiness—an ultimate human aspiration. My passion lies in doing what I love, finding joy in work, and embracing continuous learning. Exploring the realm of UXUI not only captivated me but also steered me towards addressing a significant challenge in the MENA region: establishing a voiceover talent marketplace, solving a prominent need.
Establishing a marketplace demands extensive effort and communication, aligning talent with clients to craft the most fitting solutions. Founding a startup stands as one of my most pivotal decisions; it’s a journey that taught me lessons unreachable in any job setting. Through this experience, I unearthed my untapped potential and gained a realistic understanding of my capabilities. In UXUI, I found a passion for problem-solving—an arena where my skills thrive in discovering solutions, something that truly resonates with what I love to do.
UXUI area that I cover
Figma & UI
- Create Strategy Workflow (Project Brief, Project management, Design assets
Managing) - Figma Project Management (Exploration, Wireframes, Moodboard, workspace, and Design Implementation)
- Create Design System (Colors, Typography, Grids, Icons, and shadows)
- Create components with modifies and variants
- Prototyping and Animation
Practical User Research & Strategy
- User research
- Product strategy
- User interviews
- Affinity mapping
- Customer journey mapping
- Competitor analysis
- Foundational research reports
- Prioritization matrix
- UX audits
Get in touch
You can reach me through the form, social media channel, or email to hazemalhabbal@gmail.com