Family of Eateries
Visit WebsiteA user-friendly mobile app designed for seamless restaurant exploration and reservations. Users can discover nearby restaurants, browse menus, check table availability, and make instant bookings. The app features an intuitive interface for a smooth and enjoyable experience. Restaurant owners can efficiently manage reservations and optimize customer flow. Whether planning a casual dinner or a special outing, this app makes dining out simple and hassle-free.
OVERVIEW
Mobile applications have revolutionized the way we access information and have a direct influence in our daily lives. It made life easier and more convenient for millions of people around the world. Restaurants have also been developing their own applications so customers can easily access all the necessary information about the restaurants such as menus, hours of operation and contact details. Reservations are also features of restaurant apps to make things more convenient for customers.
PROJECT OBJECTIVE
The restaurant app project aim is to create a user-friendly and accessible app that provides customers with quick and easy access to information on the various restaurants within the Family of Eateries. This app will allow customers to view menus, locate a restaurant, make reservations, and access other helpful information about the restaurants within the Family of Eateries. The customers could also view the everyday specials of each restaurant.
THE PROCESS
The project began with thorough research into existing restaurant applications. Exploring what is currently available in the market provided inspiration and valuable insights into practical usability considerations for the app. The next step involved establishing the branding for the Family of Eateries and its three associated restaurants. Following this, I created sketches to outline the app’s flow and wireframes. Once the wireframes and prototypes were tested and refined in Adobe XD, I moved on to designing the user interface (UI) of the app. The UI design was heavily influenced by the branding established for both the Family of Eateries and the three restaurants. Additionally, findings from the initial research on other restaurant apps were kept in mind to inform design decisions and enhance usability. After finalizing the UI design, the app was developed using HTML and CSS, with interactivity added through JavaScript. To enhance the user experience, minimal animations were incorporated using GSAP.
THE Development
A user-friendly mobile app for restaurant exploration and reservation. The application allows users to discover restaurants, browse menus, and make table reservations seamlessly. Designed with a responsive interface, it offers an easy-to-navigate experience for both customers and restaurant owners. From viewing restaurant details to booking a spot, this mobile app simplifies dining out like never before.
Tools Used
Illustrator
Photoshop
HTML
CSS
JavaScript
Product Demo
Motion Graphics
Overview
This product demo video explores the timeless style and innovation of Ray-Ban’s latest sunglasses collection. It blends classic elegance with modern motion graphics, reflecting the iconic brand’s legacy through a visually rich and engaging experience.
Objective
- Showcase Ray-Ban’s design excellence using premium visuals and storytelling.
- Leverage After Effects, Premiere, and Audition to craft a seamless product demo.
- Highlight key features such as premium materials, UV protection, and design innovation in a 60-second visual journey.
Research
Storytelling
Video Editing
Motion Graphic
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Implementation
Implement the design and content through video editing.
Product Demo Video
Tools Used
Illustrator
Photoshop
Premiere
AfterEffects
Audition
Overview
This product demo video explores the timeless style and innovation of Ray-Ban’s latest sunglasses collection. It blends classic elegance with modern motion graphics, reflecting the iconic brand’s legacy through a visually rich and engaging experience.
Objective
- Showcase Ray-Ban’s design excellence using premium visuals and storytelling.
- Leverage After Effects, Premiere, and Audition to craft a seamless product demo.
- Highlight key features such as premium materials, UV protection, and design innovation in a 60-second visual journey.
Research
Storytelling
Video Editing
Motion Graphic
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Implementation
Implement the design and content through video editing.
Brand Book Description
MOUNT Outdoors is more than just an outdoor brand—it’s a lifestyle rooted in exploration, resilience, and the seamless blend of urban living with wild terrain. Our brand is designed for the modern explorer: environmentally conscious, style-driven, and constantly in motion. The MOUNT Brand Book outlines the heart of our identity—our mission, voice, visual style, and community. It defines how we communicate, how we show up in the world, and how every product, photo, and post embodies the spirit of discovery.
Icons
BRAND INTEGRATION
Tools Used
Illustrator
Photoshop
Premiere
AfterEffects
Audition
Infographic
Motion Graphics
Overview
This infographic featurette video showcases the stunning beauty of Cox’s Bazar, the world’s longest natural sea beach. It highlights key attractions, travel insights, and breathtaking landscapes, offering a glimpse into this coastal paradise in Bangladesh.
Objective
- Present an engaging motion graphics experience through dynamic visuals.
- Create a compelling storytelling approach based on factual information.
- Capture the essence of Cox’s Bazar with stunning visuals, highlighting its beaches, attractions, luxury hotels, and breathtaking sunsets.
Research
Storytelling
Video Editing
Motion Graphic
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Implementation
Implement the design and content through video editing.
Product Demo Video
Tools Used
Illustrator
Photoshop
Premiere
AfterEffects
Audition
Overview
Welcome to Revolution of Pizza — a deep dive into the rich history, cultural impact, and evolution of one of the world's favorite foods. From ancient flatbreads topped with herbs and oils in Greece and Egypt, to the invention of modern pizza in 18th-century Naples, Italy — this site explores it all. Follow the journey from classic Margherita to Pepperoni as toppings evolved worldwide, and learn how the launch of America’s first pizza chain sparked a fast-food revolution, making pizza a global phenomenon.
Objective
- Discover how and when pizza was invented, tracing its roots back to ancient civilizations and Naples, Italy.
- Explore the most popular toppings that have shaped pizza trends around the world.
- Highlight the story of the first-ever pizza chain in the USA and its impact on American food culture.
Research
Wireframe/Sketch
Icons/Illustrations
Design Assets
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Implementation
Implement the design and content through video editing.
THE Development
A visually engaging website for Revolution of Pizza kiosk, designed with a smooth navigation experience. This platform features three internal pages showcasing the History of Pizza,The Most Populer Pizza, and The Story of North American's Pizza, along with a dedicated button page that seamlessly connects users to all three sections. Optimized for large screens, the website ensures an interactive and user-friendly browsing experience, making it easy for customers to explore delicious pizza options and stay updated on promotions
Tools Used
Illustrator
Photoshop
HTML
CSS
JavaScript
Harvest Time is a lively and educational card-matching game designed for kids aged 5-7. This project was a collaborative effort involving six team members, where our team focused on the design while a web development team brought it to life. The game introduces young players to the concepts of farming, harvesting, and sustainability through an engaging and interactive experience, making learning both fun and immersive.
Target Audience
Harvest Time is a lively and educational card-matching game designed for kids aged 5-7. This project was a collaborative effort involving six team members, where our team focused on the design while a web development team brought it to life. The game introduces young players to the concepts of farming, harvesting, and sustainability through an engaging and interactive experience, making learning both fun and immersive.
Overview
Harvest Time is an interactive and educational card-matching game designed for children aged 5-7. Developed as part of a collaborative effort involving six team members, the project was divided into design and development teams, with our team handling the design aspects. The game introduces young players to essential With its visually appealing interface and structured gameplay, Harvest Time enhances early childhood learning by promoting memory,pattern recognition, and classification skills while making the learning process fun and intuitive. agricultural concepts such as farming, harvesting, and sustainability in an engaging and interactive way.
Objective
- Create an engaging and educational game for young children (ages 5-7).
- Enhance cognitive and problem-solving skills through interactive gameplay.
- Introduce fundamental concepts of farming, harvesting, and sustainability.
- Incorporate vibrant visuals and user-friendly navigation for an intuitive experience.
- Foster an enjoyable learning environment that encourages exploration and discovery.
- Support educators and parents in teaching food literacy and environmental awareness.
- Make agricultural concepts accessible and easy to understand through play.
Research
Wireframe/Sketch
Illustrations
Design Assets
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Design Contributions
As part of the design team, I was responsible for creating all the vegetable, root, and fruit assets for the game. Additionally, I designed all four seasonal environments— Summer, Winter, Fall, and Autumn —ensuring each season had a unique and immersive visual style that complemented the gameplay. Beyond asset creation, I also contributed to brainstorming, research, game ideas, game outline, color selection, patterns, and design decisions to shape the overall look and feel of the game. My efforts helped create a cohesive and engaging experience, making learning about farming and sustainability both fun and visually appealing for young players.
As Team Contributions
As a team, we successfully brought Harvest Time to life, achieving our goal of creating an interactive, educational, and engaging experience for children aged 5-7. Through a combination of vibrant visuals, interactive gameplay, and educational content, the game provides a fun and meaningful way for young learners to explore the world of farming and sustainability. Our collaborative efforts ensured a well-rounded experience that is both enjoyable and informative.
Note: Our design team created all the visual assets for the game,
while the development team handled the coding and implementation.
Tools Used
Illustrator
Photoshop
Durham College
Digital Signage
Overview
This interactive digital signage was designed to display a variety of real-time content, including weather forecasts, Durham College news, the daily food menu, and promotional advertisements. The system uses GSAP for smooth animations and motion graphics, enhancing the visual experience. PHP and PHPMyAdmin were used to manage dynamic content, allowing live updates. Iframes were implemented to organize sections efficiently, and three custom advertisement videos were created to enrich the display.
Objective
- Planned and designed the overall layout and appearance of the digital signage system
- Built a modular content structure using iframes for flexible section management
- Applied GSAP to create smooth animations and motion effects
- Employed PHP and PHPMyAdmin to add dynamic features like real-time weather updates and a live clock/calendar display
- Developed an interactive news slider to highlight updates and announcements
- Added a digital ticker to stream the Durham College daily menu
- Produced three original advertisement videos for the signage display
- Combined all elements into a polished and fully functional digital signage project
Research
Wireframe/Sketch
Illustrations
Design Assets
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Implementation
Implement the design and content through video editing.
The digital signage was designed on a 960px-wide canvas, adhering to Durham College’s branding guidelines to maintain a clean, consistent, and professional look. To ensure accuracy and consistency in layout, pane dimensions were referenced from infographics.ai. I began the design process by sketching wireframes to map out each section, followed by detailed interface mock-ups for visual structure and usability. The initial composition was created in Adobe Illustrator, allowing for precise layout planning before development. Previous iterations of the signage were refined to enhance both functionality and visual appeal. Throughout the project, I incorporated Durham College’s logo, typography, and color palette to reinforce brand identity. I also created custom illustrations to represent different weather conditions featured in the signage’s weather pane.
Youtube Motion Videos
Advertisement videos
For this section, I created three ad concepts featuring McDonald's, Nike, and Durham College. For the Durham College ad, I used images to design a PSA-style motion piece, illustrating each element to effectively convey the message. Disclaimer: All images and brand references are used strictly for educational purposes.
McDonald's
Nike
PSA- Durham College
Web Motion Graphic Animations with GSAP
For this project, I developed a collection of three motion graphic animations using GSAP (GreenSock Animation Platform). The objective was to design web-based animations that are not only visually engaging but also responsive and aligned with each brand’s identity. Each animation was carefully crafted to enhance user interaction while maintaining a smooth and professional motion flow across different screen sizes.
Check out my GSAP animated video below:
Final Digital Signage
Tools Used
Illustrator
Photoshop
HTML
CSS
JavaScript
Premiere
AfterEffects
Audition
MOUNT OUTDOORS Retail Installations
Overview
Mount Outdoors is a retail store that sells high-quality hiking gear, camping equipment, and outdoor clothing. To make shopping easier and more fun, we’ve added some new interactive features in our store. There are four main parts to these features. First, the rotating product display lets customers explore products in a cool, virtual way. Second, the touch screen station helps shoppers mix and match outfits and order right from the screen. Third, the interactive catalog shows all our products in one easy place. Last, the promotional video display shows exciting offers and highlights top products. These features help customers find what they need faster, learn more about our gear, and enjoy their shopping experience at Mount Outdoors.
Objective
In response to changing customer needs, Mount Outdoors set out to improve the in-store shopping experience. The project includes four key features: a rotating product display using Leap Motion technology, a touchscreen ordering system, an interactive catalog, and engaging promotional videos. With the help of branding, product design, motion graphics, and UI/UX design, each part was carefully built to make shopping more fun, interactive, and easy for customers.
Research
Wireframe/Sketch
Illustrations
Design Assets
Design Process
Brainstorming
Brainstorm ideas, Design Story Elements, Outline Key Moments
Research
Gather and Organize Resources
Imagine and Create
Identify content messages
Implementation
Implement the design and content through video editing.
Brand Identity
Mount Outdoors is a modern outdoor fashion and gear brand created for young explorers who crave the thrill of adventure and the serenity of nature. With a focus on escaping the urban grind, the brand embodies freedom, exploration, and a deep connection to the outdoors. The color palette draws from earthy, natural tones—greens, browns, stone greys—to evoke the textures and moods of the wilderness.
Intuitive Product Discovery
Mount Outdoors is a modern outdoor fashion and gear brand created for young explorers who crave the thrill of adventure and the serenity of nature. With a focus on escaping the urban grind, the brand embodies freedom, exploration, and a deep connection to the outdoors. The color palette draws from earthy, natural tones—greens, browns, stone greys—to evoke the textures and moods of the wilderness.
Interactive 360° Product Experience
Utilizing Leap Motion technology, Mount Outdoors brings products to life through a hands-free 360-degree interaction. With a simple wave or gesture, users can rotate products, examine details, and explore different angles—creating a unique and memorable experience that encourages deeper connection with the gear.
Touchscreen Ordering System
Designed with efficiency and user-friendliness in mind, the touchscreen ordering interface empowers customers to browse apparel, check sizes and availability, and create outfit combinations—all at their own pace. This self-guided system streamlines the shopping process while maintaining a personalized touch.
Motion Graphics for Brand Immersion
Visually striking promotional videos crafted by motion graphic designers capture the essence of the Mount Outdoors lifestyle. These in-store visuals act as attention magnets, showcasing rugged landscapes, gear in action, and the spirit of adventure—instantly drawing customers into the brand’s world.
Tools Used
Illustrator
Photoshop
HTML
CSS
JavaScript
Premiere
AfterEffects
Audition
Main
About
img 1
img 2
img 3
img 4
Tools Used
Mridula Zakir
UI / UX Designer
from Ontario
Transforming user needs into elegant, engaging, and efficient solutions.
Experienced in
PROJECTS
Family of Eateries
Product Demo Video
Rebrand Outdoor Company
Infographic
Revolution of Pizza
Harvest Time
Digital Signage
MOUNT OUTDOORS