Maliha Fatima.
Maliha Fatima.
UI/UX Designer
UI/UX Designer
Building better experiences
Maliha Fatima.
Maliha Fatima.
Design, Develop, Deliver
Product Intern
Frontend Developer
About me
About me
I’m a UI/UX designer with a love for turning ideas into clean, engaging experiences. With a background in computer science, I bridge design and development to create products that are not only striking but also functional and intuitive. I enjoy crafting user flows, wireframes, and prototypes in Figma, experimenting with color, layout, and interaction to make every design feel effortless. For me, great design is about solving problems while keeping users at the heart of every decision.
I’m a UI/UX designer with a love for turning ideas into clean, engaging experiences. With a background in computer science, I bridge design and development to create products that are not only striking but also functional and intuitive. I enjoy crafting user flows, wireframes, and prototypes in Figma, experimenting with color, layout, and interaction to make every design feel effortless. For me, great design is about solving problems while keeping users at the heart of every decision.
UI/UX Design Skills
User Interface (UI) Design
User Experience (UX) Research
Wireframing & Prototyping
Interaction Design & Microinteractions
Visual Design (Typography, Color Theory)
Usability Testing & User Flows
Frontend Development
UI Frameworks (MUI, Tailwind CSS, Bootstrap)
Skills
Figma
React
CSS
HTML
Jira
Slack
Javascript
SQL
Tools & Frameworks
B.S in Computer Science with Business Applications
University of California, Riverside
2022-2024
A.S in Computer Science
Riverside City College
2019-2022
Education
Experience
UI/UX Design Intern - fAIshion.ai
Web Developer Intern - Bank Of Sharjah
Junior Developer - Five Stars Logistics
Coding Instructor - Coding Minds Academy
August 2025 - Present
September 2023 - November 2023
January 2023 - April 2024
October 2024 - December 2024
Hackathons
Education
B.S in Computer Science with Business Applications
University of California, Riverside
2022-2024
A.S in Computer Science
Riverside City College
2019-2022
Oct 2024 - Dec 2024
Web Developer Intern - Bank Of Sharjah
Experience
Aug 2025 - Present
UI/UX Design Intern - fAIshion.ai
Web Developer Intern - Bank Of Sharjah
Junior Developer - Five Stars Logistics
Coding Instructor - Coding Minds Academy
Jan 2023 - Apr 2024
Sept 2023 - Nov 2023
Hackathons
Oct 2024 - Dec 2024
Aug 2025 - Present
UI/UX Design Intern - fAIshion.ai
Sept 2023 - Nov 2023
Junior Developer - Five Stars Logistics
Jan 2023 - Apr 2024
Coding Instructor - Coding Minds Academy
Snap
hef
MediSearch
AIshion
UI/UX
PROJECTS
Hackathon
Senior Project
Projects
Snap
hef
AIshion
MediSearch
SnapChef is a recipe-focused social media platform where users can post their own dishes, discover new recipes, and engage with a community of food enthusiasts. Unlike traditional social platforms, where recipes get lost in the noise of unrelated content, SnapChef provides a dedicated space to make cooking inspiration more accessible and interactive.
UI/UX Designer, Frontend Developer
Javascript
Figma
React
Nodejs
Mongodb
Snap hef
Social Media for Food Lovers
-
Overview
My Role
Tools
Social Media for Food Lovers
SnapChef is a recipe-focused social media platform where users can post their own dishes, discover new recipes, and engage with a community of food enthusiasts. Unlike traditional social platforms, where recipes get lost in the noise of unrelated content, SnapChef provides a dedicated space to make cooking inspiration more accessible and interactive.
SnapChef is a recipe-focused social media platform where users can post their own dishes, discover new recipes, and engage with a community of food enthusiasts. Unlike traditional social platforms, where recipes get lost in the noise of unrelated content, SnapChef provides a dedicated space to make cooking inspiration more accessible and interactive.
Overview
Overview
UI/UX Designer, Frontend Developer
UI/UX Designer, Frontend Developer
My Role
My Role
Tools
Javascript
Figma
React
Nodejs
Mongodb
SnapChef
Problem
Traditional social media platforms are saturated with mixed content, making it difficult for users to consistently find and save recipes. Food lovers needed a focused, community-driven platform where recipes are the core content and engagement revolves around them.
Solution
SnapChef solves this by creating a dedicated social space built entirely around recipes.
Recipes are easy to post, categorize, and save.
Community features like likes, comments, and shares encourage engagement.
A clean, intuitive interface makes browsing and discovering new dishes simple.
Focused design ensures recipes don’t get buried under unrelated content, unlike Instagram or TikTok.
Process
Research and Inspiration
User Flows
Wireframes & Prototyping
Final UI & Development
Create Recipe Post
Upload Image → Users add a photo of their dish.
Add Details → Users write the recipe name, ingredients, and steps.
Publish Recipe → Recipe is shared with the community.
Browse Recipe Feed
View Posts → Users scroll through recipe posts.
Select Recipe → A specific recipe is chosen to view more details.
Recipe Details → Users see full ingredients, steps, and visuals.
Actions → Users can Save Recipe for later or Share Recipe with others.
Sign Up & Profile Creation
Account Setup → Users register with email or social login.
Create Profile → They add basic info and preferences to personalize their experience.
User Flow
Problem
Traditional social media platforms are saturated with mixed content, making it difficult for users to consistently find and save recipes. Food lovers needed a focused, community-driven platform where recipes are the core content and engagement revolves around them.
Solution
SnapChef solves this by creating a dedicated social space built entirely around recipes.
Recipes are easy to post, categorize, and save.
Community features like likes, comments, and shares encourage engagement.
A clean, intuitive interface makes browsing and discovering new dishes simple.
Focused design ensures recipes don’t get buried under unrelated content, unlike Instagram or TikTok.
Process
Research and Inspiration
User Flows
Wireframes & Prototyping
Final UI & Development
Wireframes and Prototypes
Desktop
Browse Recipes
Mobile
Profile
Browse Recipes
Profile
Recipe Details
Developed the platform with React for the frontend, ensuring responsiveness across mobile and desktop.
Integrated social features (likes, comments, shares) to boost engagement, modeled after familiar patterns in social media but adapted for recipes.
Organized content with filters (high protein, vegan, gluten free) making recipes easy to discover.
Designed with future scalability in mind: the website can expand to include advanced features like user ratings, or AI-powered personalized feeds
Final UI and Development
Developed the platform with React for the frontend, ensuring responsiveness across mobile and desktop.
Integrated social features (likes, comments, shares) to boost engagement, modeled after familiar patterns in social media but adapted for recipes.
Organized content with filters (high protein, vegan, gluten free) making recipes easy to discover.
Designed with future scalability in mind: the website can expand to include advanced features like user ratings, or AI-powered personalized feeds
Final UI and Development
MediSearch is a web app that allows users to quickly search for medications and view their uses, dosages, directions, and side effects. The project was built in 24 hours during the UCR Hackathon, combining speed, teamwork, and design-thinking to create a fully functional solution
UI/UX Designer, Frontend Developer
Javascript
Figma
React
Nodejs
Mongodb
MediSearch
Learn about your medication
-
Overview
My Role
Tools & Frameworks
MediSearch
Learn about your medication
MediSearch is a web app that allows users to quickly search for medications and view their uses, dosages, directions, and side effects. The project was built in 24 hours during the UCR Hackathon, combining speed, teamwork, and design-thinking to create a fully functional solution
Overview
UI/UX Designer, Frontend Developer
My Role
Tools & Frameworks
Javascript
Figma
React
Nodejs
Mongodb
Problem
People often struggle to find reliable, easy to understand information about medications. General search engines return scattered or non-verified results, making it difficult to access trusted medical data in one place.
Solution
MediSearch provides a simple and user-friendly platform where users can search for medications and instantly see verified details like usage, dosage, and side effects, powered by the FDA’s open API.
Process
Research and Inspiration
User Flows
Wireframes
Final UI & Development
Landing Page
User arrives on the MediSearch homepage.
A search bar is prominently displayed.
Search for Medication
User types in the name of a medicine.
Clicks the search button.
View Search Results
System fetches results from the FDA API.
User sees a list of matching medications.
Select a Medicine
User clicks on a medicine from the results.
Modal Opens (Detailed Information)
User can view details of the medication (ingredients, side effects, usage, warning, directions, allergies, pregnancy-related information
User Actions in Modal
Close modal to return to search results.
Perform another search if needed.
User Flow
Designed a clean, minimal interface in Figma with emphasis on usability and accessibility.
Focused on a prominent search bar and easy-to-read medication details in a modal layout.
Used consistent typography and spacing to keep medical information structured.
Built with React for dynamic rendering of search results and modals.
Styled using Tailwind CSS for a responsive and modern UI.
Implemented smooth modal transitions for better user experience.
Connected to the FDA API to fetch real-time medication data.
Implemented error handling for missing or incomplete data.
Final UI and Development
Wireframes and Prototyping
Designed a clean, minimal interface in Figma with emphasis on usability and accessibility.
Focused on a prominent search bar and easy-to-read medication details in a modal layout.
Used consistent typography and spacing to keep medical information structured.
Built with React for dynamic rendering of search results and modals.
Styled using Tailwind CSS for a responsive and modern UI.
Implemented smooth modal transitions for better user experience.
Connected to the FDA API to fetch real-time medication data.
Implemented error handling for missing or incomplete data.
Final UI and Development
During my internship at Faishion.ai, I contributed to both web and mobile design projects. I created user flows, designed responsive web pages, and developed mobile app interfaces, ensuring every design aligned with usability standards and brand identity. Additionally, I implemented and customized web designs on Wix, translating concepts into functional, user-friendly experiences.
UI/UX Designer, Frontend Developer
Figma
React
Javasript
Jira
Slack
AIshion
Your AI Stylist
-
Overview
My Role
Tools and Frameworks
fAIshion
Your AI Stylist
During my internship at Faishion.ai, I contributed to both web and mobile design projects. I created user flows, designed responsive web pages, and developed mobile app interfaces, ensuring every design aligned with usability standards and brand identity. Additionally, I implemented and customized web designs on Wix, translating concepts into functional, user-friendly experiences.
UI/UX Designer, Frontend Developer
Overview
My Role
Tools and Frameworks
Javascript
Figma
React
Jira
Slack
Problem
Faishion.ai needed a consistent and engaging digital presence across both web and mobile platforms. While the brand had strong business goals, the challenge was translating them into intuitive designs that improved usability and aligned with the company’s visual identity. Additionally, their Wix-based website required customization to balance branding with functionality.
Solution
I designed user flows, responsive web pages, and mobile app interfaces in Figma, applying UI/UX best practices to ensure usability and visual consistency. By collaborating with the team, I translated business needs into clean, structured designs while maintaining brand identity. I then implemented and customized these designs on Wix, ensuring functionality and scalability. Through iterative feedback, I refined both the web and mobile experiences to deliver a cohesive, user-friendly design system.
Process
Research and Inspiration
User Flows
Wireframes
Feedback & Final UI
Website Resigns
Before
After
Homepage
Contact Page
After
Before
About Page
Before
After
UI and Development
UI Design & Workflows
Created user flows for key user journeys (e.g., discovering fashion items, product pages, user onboarding).
Designed responsive web page layouts in Figma, focusing on hierarchy, spacing, and visual consistency.
Applied UI/UX best practices like accessibility, intuitive navigation, and visual clarity to improve user experience.
Implementation on Wix
Translated Figma designs into fully functional web pages on Wix, aligning design with the brand’s visual identity and ensuring usability.
Customized templates and styling (fonts, colors, spacing) to match brand standards while preserving responsiveness.
Design Iteration & Feedback
Regularly presented design concepts to the team, collected feedback, and refined layouts accordingly.
Maintained consistency across pages in components, styles, and interactions.
Made adjustments based on usability concerns, visual balance, and alignment with business objectives.
Scalability & Maintenance
Built modular layouts and reusable components (buttons, card systems, navigation) for ease of update and scalability.
Documented design decisions to help future designers or developers follow the style and logic.
Note: Cannot show mobile UI designs due to NDA
UI Design & Workflows
Created user flows for key user journeys (e.g., discovering fashion items, product pages, user onboarding).
Designed responsive web page layouts in Figma, focusing on hierarchy, spacing, and visual consistency.
Applied UI/UX best practices like accessibility, intuitive navigation, and visual clarity to improve user experience.
Implementation on Wix
Translated Figma designs into fully functional web pages on Wix, aligning design with the brand’s visual identity and ensuring usability.
Customized templates and styling (fonts, colors, spacing) to match brand standards while preserving responsiveness.
Design Iteration & Feedback
Regularly presented design concepts to the team, collected feedback, and refined layouts accordingly.
Maintained consistency across pages in components, styles, and interactions.
Made adjustments based on usability concerns, visual balance, and alignment with business objectives.
Scalability & Maintenance
Built modular layouts and reusable components (buttons, card systems, navigation) for ease of update and scalability.
Documented design decisions to help future designers or developers follow the style and logic.
Note: Cannot show mobile UI designs due to NDA
UI Design & Workflows
Created user flows for key user journeys (e.g., discovering fashion items, product pages, user onboarding).
Designed responsive web page layouts in Figma, focusing on hierarchy, spacing, and visual consistency.
Applied UI/UX best practices like accessibility, intuitive navigation, and visual clarity to improve user experience.
Implementation on Wix
Translated Figma designs into fully functional web pages on Wix, aligning design with the brand’s visual identity and ensuring usability.
Customized templates and styling (fonts, colors, spacing) to match brand standards while preserving responsiveness.
Design Iteration & Feedback
Regularly presented design concepts to the team, collected feedback, and refined layouts accordingly.
Maintained consistency across pages in components, styles, and interactions.
Made adjustments based on usability concerns, visual balance, and alignment with business objectives.
Scalability & Maintenance
Built modular layouts and reusable components (buttons, card systems, navigation) for ease of update and scalability.
Documented design decisions to help future designers or developers follow the style and logic.
Note: Cannot show mobile UI designs due to NDA
mfati003@ucr.edu
Contact Me
Thank You!
mfati003@ucr.edu
Contact Me
Thank You!
Problem
Traditional social media platforms are saturated with mixed content, making it difficult for users to consistently find and save recipes. Food lovers needed a focused, community-driven platform where recipes are the core content and engagement revolves around them.
Solution
SnapChef solves this by creating a dedicated social space built entirely around recipes.
Recipes are easy to post, categorize, and save.
Community features like likes, comments, and shares encourage engagement.
A clean, intuitive interface makes browsing and discovering new dishes simple.
Focused design ensures recipes don’t get buried under unrelated content, unlike Instagram or TikTok.
Process
Research and Inspiration
User Flows
Wireframes & Prototyping
Final UI & Development