
Learn ux ui design with figma from zero to prototyping for a food delivery app, mastering design flows and essential concepts.
Learn to design a food delivery app using Figma from zero to advanced, covering UX UI design and prototyping to bring your app to life.
Explore how to design a food delivery app from zero to advanced level in Figma, covering ux ui principles, prototyping, and end-to-end app flow.
Learn to use Figma to design UX and UI for websites and mobile apps, from wireframing to prototyping and usability testing.
Create a six-page wireframe for a food delivery app in Figma, outlining welcome, sign-up/in, menu, product, ordering, and delivery tracking pages.
Explore wireframing a food delivery app in Figma, building menu, product, and ordering pages, and prototyping navigation from sign in to order with back flows.
Learn to start a Figma design project for a food delivery app, from vision board setup to a new design file, using frames, shapes, and iPhone 16 Pro Max.
Duplicate the welcome page and sign in and sign up screens, connect the onboard to the menu page, differentiate words, use a white background, import images, remove the background.
Design the starting page of a food delivery app by arranging layout elements, centering content, applying blue shapes, typography, and shadows to enhance ui/ux in a design tool.
Design a food delivery app sign up and sign in page in Figma, using an onboarding screen, a 12-column layout grid, and form fields for name, email, and phone number.
Design sign-up and sign-in flows for a food delivery app in Figma, using red and blue cues, shapes, and navigation. Import Google and Facebook icons via plugins for 24x24 components.
Design a signup screen for a food delivery app in Figma, configuring name, full name, email, and phone fields with stroke and typography for forget password.
Assemble the menu page in Figma by importing icons, adjusting corner radius to 40, adding shapes, applying inner white shadows, and organizing with grid columns.
Design a food delivery app menu in Figma by creating buttons, applying drop shadow, duplicating items, and setting image sizes while writing tests.
Group and organize menu items in a Figma prototype by copying, pasting, and ungrouping sections, then label sections like other section and rice to assemble the product section.
Design the product page for the food delivery app in Figma, listing items by category with images and icons, and apply inner and drop shadows, white panels, and yellow accents.
Design the food delivery app's products page with hands-on ui/ux techniques, including drag-and-drop asset placement and background removal. Learn to source images from the internet or figma to showcase items.
Arrange product cards on the food delivery app's products page, resize images, and group elements for a clean white background two-page listing of rice, yam, egg, and vegetables.
Design the food ordering page in figma, duplicating and deleting elements, centering the food image, naming the item, setting a $30 price, and drafting a brief description for pay now.
Design the food delivery app ordering page in Figma, configuring arrival time, tracking icons, rating stars, and action buttons like order now and book a table.
Design the final order tracking page for a food delivery app in Figma by duplicating and refining layout elements, renaming sections, and grouping the phone call contact details.
Prototype the food delivery app tracking interface by adding time, location details, an address field, and a location icon, then center elements for a real app flow.
Finalize the food delivery app UI by adding a back navigation arrow and nav bar, implement light and dark modes, and refine rounded shapes with shadows for the block layout.
Design the second page of a food delivery app, place the company name and van logo, and build light and dark mode by duplicating blocks and copying color schemes.
Finalize the food delivery app design by refining colors, typography with poppins, white, black, and yellow accents, then prototype the interface in figma.
Learn to prototype a food delivery app in Figma by wiring navigation from welcome to sign up and sign in, applying smart animations, and previewing the flow.
Demonstrate final prototyping for a food delivery app by linking screens, enabling sign up, sign in, social logins, and booking and ordering flows, with quick fixes and real-time preview.
Export your Figma work by selecting frames on a desktop or MacBook canvas, then save as PNG, JPEG, or PDF. Copy, paste, color, and export items, using mockups for sharing.
Unlock the Secrets of User-Centric Design
Join Success Ogwudu in this hands-on UI/UX design course, where you'll learn the fundamentals of creating intuitive and visually stunning digital products using Figma.
Course Overview
In this comprehensive course, you'll dive into the world of user experience and user interface design, gaining practical skills to enhance your career prospects. Success Ogwudu, an experienced UI/UX designer, will guide you through:
1. Design principles: Understand the fundamentals of good design, including typography, color theory, and layout.
2. User research: Learn how to conduct user interviews, create user personas, and develop user journeys.
3. Wireframing and prototyping: Master the art of creating low-fidelity sketches and high-fidelity prototypes using Figma.
4. Visual design: Discover how to create stunning visual designs, including branding, iconography, and graphics.
5. Design systems: Learn how to create and maintain design systems, ensuring consistency across your digital products.
What You'll Learn
By the end of this course, you'll be able to:
- Design intuitive and user-friendly digital products
- Create visually stunning UI designs using Figma
- Conduct user research and create user personas
- Develop and maintain design systems
- Collaborate effectively with cross-functional teams
Who Should Take This Course
This course is perfect for:
- Beginners looking to break into the UI/UX design industry
- Experienced designers wanting to upskill and reskill
- Product managers, developers, and marketers interested in UI/UX design principles
Software Used
Figma will be the primary design tool used throughout this course.
Join the Journey
Transform your design skills and take the first step towards creating exceptional user experiences. Enroll in this Practical UI/UX Course today!