top of page
Diagonal Lines

MY PORTFOLIO

Hey, I’m Batool Zehra!  I’m a passionate UI/UX Designer and a B.Tech CSE undergraduate at Uttaranchal University with a keen eye for crafting seamless and engaging digital experiences.With expertise in Figma and Adobe xd, I have worked on multiple projects, including Chatbook (a WhatsApp-like messaging app), an educational website, a Pizza Hut web design, and a mobile app interface. My design approach is centered around user-centric solutions, clean UI, and intuitive interactions that enhance usability and engagement

 

I believe design is not just about aesthetics but about solving problems and enhancing user experiences. Every pixel, every layout, and every interaction should tell a story.

I believe in the power of design to simplify complex problems, enhance user experiences, and drive digital innovation. I am constantly learning, evolving, and pushing creative boundaries to craft meaningful digital products.

Diagonal Lines
Diagonal Lines
Educational Website Interface 

Excited to share my  UI design project – an educational website interface designed to make learning more engaging and accessible! 🚀

My focus for this project:

✅ User-friendly navigation – ensuring students & educators find what they need effortlessly

✅ Clean & modern UI – enhancing readability and engagement

✅ Accessibility features – making education inclusive for all

This project helped me improve in skills like[ typography, color theory, responsive design]. Would love your feedback—what’s the most important feature in an educational website?

i’am proud of how this design support a positive and effective learning experience and promote active learning and empower users to achive their educational goals 

Check out my design here: https://www.figma.com/design/ZMli6rkoyDuwWr5h4pAG2u/prj5-educational-website?node-id=0-1&t=3NNZwm0fJr3flDIi-1

educational web
Diagonal Lines

 Ice Cream flavour 

Excited to share my fourth UI design project – an ice cream flavour selection interface that makes choosing your favourite scoop even more fun! 🎨

 For my latest UI project, I designed an ice cream flavour selection interface that makes choosing a treat as fun as enjoying one! Bright colors, playful fonts, and smooth interactions—everything to enhance user delight

Designing for food-related apps is all about creating a mouthwatering experience—I’d love to hear what you think! What’s your go-to ice cream flavor? 🍦

#UXDesign #CreativeUI #Figma #IceCreamInterface #FoodAppDesign

#UIDesign #UXDesign #Figma #FoodUI #IceCreamLovers

Check out my design here: https://www.figma.com/design/wDsV0D37nvARYfXWzFVSjd/prj6-icecream?node-id=0-1&t=SER2KX12MBZ6AU6V-1

Diagonal Lines
Game Interface

I'

I recently work on project “Game Interface”  using figma and Excited to share my UI project!! 🎨🚀I designed game interface and i am excited to keep growing. Check out the design and lemme know what you think!!.

Would love feedback from fellow designers and tech enthusiasts! Let’s connect. 🤝

#UIDesign #UXDesign #Figma #DesignCommunity #UserExperience

#FirstProject #Figma #DesignCommunity #Figma #LearningByDoing

Check out my design here: https://www.figma.com/design/YTRMb8R63PDezP7AKK1N5j/Prj3-game-interface?node-id=0-1&t=BP4YgwOAoSCqoHTX-1

prj1 game interface.png
Diagonal Lines

Mobile App Interface

​

Excited to share my  UI design project – a mobile app interface

Designing this mobile app interface was an exciting challenge! I started with sketches & wireframes, ensuring a user-friendly flow before refining the UI in Figma.

💡 Key Focus Areas:
🎯 User-centered design – keeping interactions intuitive
🎨 Aesthetic & accessibility – balancing beauty with usability
⚡ Smooth navigation – optimizing UX for a seamless experience

The result is a user friendly interface!!

Check out my design here: https://www.figma.com/design/SgYHlhnjfYl377bDbK5ZMt/Prj1-Mobile-App-UI-Desigen-(Community)?node-id=0-1&t=vsdYVB9H6NViQCNF-1

Diagonal Lines

My Pizza Hut Web UI Project!

🚀 Designing a Crave-Worthy Experience: My Pizza Hut Web UI Project! 🎨🍕

Excited to share my latest UI/UX project – a Pizza Hut web design interface that makes ordering your favorite pizza more seamless and visually engaging!

For my latest project, I designed a Pizza Hut web interface with the goal of making online food ordering as smooth as a fresh cheese pull! 🧀🍕

🔹 What I Focused On:
🍕 User-friendly navigation for quick & hassle-free orders
🎨 Mouthwatering visuals to enhance the food experience
📱 Responsive design for smooth browsing across all devices

Designing for food brands is all about creating a delicious digital 

📌 Biggest takeaway? Simplicity + eye-catching visuals = a perfect recipe for an engaging food websiteexperience—

Check out my design here: https://www.figma.com/design/3vcpZzwiWMgmbYtop362jF/prj4-pizza-hut?node-id=0-1&t=x9EdadRQvWITSjRS-1

Diagonal Lines

My Apple Watch Web UI Project! ⌚🎨

Designing for the Future: My Apple Watch Web UI Project! ⌚🎨

Excited to share my latest UI/UX project – a web design interface for Apple Watch that focuses on seamless user experience and intuitive interactions.

i recently worked on a web design interface for Apple Watch, focusing on making interactions smoother and more user-friendly. Designing for a small screen presents unique challenges—every button, icon, and text element needs to be optimized for clarity and ease of use.

Wearable tech is evolving fast, and I wanted to explore how web design can adapt to smaller screens. My latest project focuses on an Apple Watch web interface, balancing functionality, aesthetics, and usability.

🔹 What I Focused On:
✅ Minimalist layout for effortless interaction
✅ Optimized UI elements for a tiny screen
✅ Smooth transitions & animations to enhance the experience

💡 Lesson learned: Designing for wearables requires thinking beyond traditional UI patterns—simplicity and usability are key!

Designing for wearables is a different challenge compared to traditional web UI—every pixel counts! 

Check out my design here: https://www.figma.com/design/FfK4NsMydsD3MZSzFIlKaz/Prj2-Apple-watch-web-design-(Community)?node-id=0-1&t=4Jaxcxm9AgbSgORM-1

Diagonal Lines
Diagonal Lines

 Excited to showcase my latest Figma project – Chatbook! A modern, sleek, and user-friendly messaging app designed for seamless communication

💬✨ A WhatsApp-inspired messaging app designed to enhance user experience and interaction. Loved working on this project.🚀 From concept to design, this project was all about creating a clean and engaging UI.

Key Focus Areas:

✅ Minimalist & Engaging UI – A clutter-free design for smooth navigation.
✅ Dark & Light Mode Support – Enhancing accessibility and user preference.
✅ Real-time Messaging Interface – Ensuring fast and efficient communication.
✅ Interactive Elements – Like read receipts, voice notes, and media sharing.
✅ Mobile-First Approach – Optimized for a responsive and seamless experience.

✨ A modern, sleek, and user-friendly messaging app designed for seamless communication

💬✨ A WhatsApp-inspired messaging app designed to enhance user experience and interaction. Loved working on this project.🚀 From concept to design, this project was all about creating a clean and engaging UI.

This project helped me enhance my Figma skills, user research techniques, and design consistency. I’d love to hear your thoughts—feedback and suggestions are always welcome!

Check it out and let me know your feedback! https://www.figma.com/design/JO4TvdWS0nBZNfy6zH5QJR/ChatBook-UI%2FUX-Design-(Community)?node-id=0-1&t=vQsPUDo9v5xTSliw-1

Diagonal Lines

Chatbook!

Diagonal Lines

GEMINI

Designed with a focus on intuitive user experience, sleek UI, and seamless interactions, this project aims to redefine AI-driven communication.

🔹 Key Design Highlights:

✅ Minimal & Modern UI – Clean, user-friendly, and visually appealing.
✅ Conversational AI Interface – Designed for smooth and intelligent interactions.
✅ Dark & Light Mode Support – Ensuring accessibility and usability.
✅ Global Reach – Optimized for multilingual support and diverse users.

💡 This project allowed me to enhance my UI/UX skills, explore AI-integrated design, and push creative boundaries. Excited to keep growing and innovating! 🚀

👉 Check out the project and share your thoughts! Feedback is always welcome!

#Figma #UIUXDesign #AI #ChatbotDesign #UserExperience #ArtificialIntelligence #Innovation #AIUX #DesignThinking #UXCaseStudy #TechForGood

Check out my design here: https://www.figma.com/design/zqSo4pjHTkFZrfbt73Gvxu/prj7-gemini-interface?node-id=48-7&t=CthyV81tYNpZmgiR-1

​

Diagonal Lines
Diagonal Lines

Healthcare App

Wrapped up one of my most meaningful projects yet — a Healthcare App designed especially for elderly health monitoring 🩺

This one taught me how powerful design can be when it meets real human needs.

💡 From sketch to prototype in Figma

Check it out & drop your thoughts!  https://www.figma.com/design/jo6FodkL9GRJgnRNuV0ggz/prj8--health-care?node-id=0-1&t=2ZSGXbmTyI1foDBt-1

Focused on creating an intuitive, accessible, and compassionate design for those who need it most.

✨ Built in Figma
🧠 Designed with empathy

Would love your thoughts & feedback!

#UIUXDesign #FigmaWork #EmpathyInDesign #HealthcareT

Diagonal Lines

Website Interface

🚀 Just wrapped up my first Freelancing UI design for an innovative health-tech platform!
🧠💬 Powered by AI, this medical generative chatbot offers real-time diagnostic support, instant health consultations, and seamless access to certified doctors.
Proud to contribute to a product that aims to make healthcare more intelligent, personalized, and accessible for everyone. 🌍❤️
hashtag#UIDesign hashtag#HealthTech hashtag#AIinHealthcare hashtag#UXDesign hashtag#MedicalChatbot hashtag#DesignWithPurpose hashtag#FigmaDesign hashtag#PatientCareInnovation

ABOUT THE COMPANY
We are a health-tech firm committed to revolutionizing patient care with cutting-edge artificial intelligence solutions. We specialize in medical generative chatbot that offer precise diagnostic assistance, real-time health consultancy, and easy access to certified physicians.
We strive to provide individualized, accessible, and responsive healthcare experiences to people of all demographics.

Diagonal Lines
Food Ordering App

 ust designed a complete Food Ordering App UI on Figma!
From intuitive navigation to mouth-watering visuals, the goal was to create a seamless and delightful user experience—from browsing to checkout.
This project focuses on user-friendly interfaces, quick accessibility, and a smooth ordering process that satisfies both cravings and usability goals.
📱 Tools used: Figma
🛠️ Role: UI/UX Designer
Would love your feedback! 🙌
hashtag#UIDesign hashtag#UXDesign hashtag#Figma hashtag#FoodAppDesign hashtag#MobileAppUI hashtag#UXPortfolio hashtag#DesignForUsers hashtag#FoodTech
https://lnkd.in/gAfG8xw6

Diagonal Lines

Contact

Light and Shadow
Image by Souvik Banerjee

batool_aabdi

  • LinkedIn

Would love feedback from fellow designers and tech enthusiasts! Let’s connect. 🤝

Image by Alexander Shatov

batool_aabdi

  • Instagram

Would love feedback from fellow designers and tech enthusiasts! Let’s connect. 🤝

bottom of page