
Create three major ux/ui portfolio projects in about two hours, including an Amazon redesign and a food scanning app that identifies items and nutrition ingredients.
Create wireframes for an amazon-style interface, then refine typography and layout using Figma and Adobe XD, building 8–10 portfolio projects with focused homepage navigation and search design.
Design the home screen wireframe by refining category options, applying a seven seven seven color scheme, and implementing a sticky header with new arrivals and Amazon features.
Design and finalize the home screen wireframe by adjusting alignment and spacing, evaluating 24 by 24 spacing, and choosing default layout options for a polished UI portfolio piece.
Explore lo-fi prototyping by refining an amazon clone's wireframes, adjusting icons, spacing, colors, and navigation to improve user flow and visual consistency.
Explore the categories option by organizing elements into groups, aligning layouts, and applying imagery and margins to craft a cohesive portfolio UI.
Learn to implement horizontal scrolling in a prototype by adjusting frames and overflow settings, switch to a low-fidelity design, and preview the final layout on white backgrounds.
Iterate a feature screen for an Amazon redesign app by aligning elements, centering text, adjusting images, and refining spacing, stroke, and visibility for a polished UI.
Design and complete the home screen lo-fi prototype by refining layout elements, spacing, and imagery, keeping a consistent, low-visibility presentation with cards, logos, and a search card.
Design and prototype the Project Snap app by creating screens for a food scanner workflow that identifies meals and nutrition values, from scan to named result.
Begin the smart food app design by prototyping with food images, calories, and menus; use Figma and Alexa concepts, and showcase your work in a portfolio for internships.
Engage in wireframing by framing onscreen elements, designing icons for a scanning option, and arranging imagery to guide layout decisions in a ux/ui portfolio project.
Prototype the app’s navigation and layout by selecting colors, sizing icons, and aligning elements to center, ensuring consistent spacing and responsive design.
Experiment with new UI design ideas for a portfolio, testing wireframes, color themes (green or dark), and image transitions. Refine navigation density and vertical, camera-like visuals.
Brainstorming session extends a four-screen theme park UI, enabling image scan with a camera to reveal a dish reference screen, with center-aligned elements and precise distances for a prototype.
Iterate on app UI by connecting screens, prototyping layer transitions, and previewing click-driven interactions to reveal additional content across different screen views.
Polishing design for the LookSmart project emphasizes centering content, ensuring clear text display, and using bootstrap and linear background color to make logos and visuals stand out.
Refine design visuals and layout, experimenting with strokes and centering groups. Showcase promos for major league football and the Grammy Awards to build a polished portfolio.
Explore rapid UX/UI prototyping from wireframes to simple, edge-to-edge interfaces for a cloud application, emphasizing consistent layout, core UI components, and portfolio-ready design.
Explore clock basic structure through multiple design options, balancing center alignment, space efficiency, and color choices like red and black, while evaluating and iterating on layouts for a ux/ui portfolio.
Design an icons addon for ux/ui projects for the portfolio, exploring options across slides and screens, and follow four steps to customize for each state.
Design and prototype an alarm page for a portfolio project, refining layout, typography, colors, and shadows while exploring on/off states and stopwatch interactions.
Create a stopwatch page by iterating on layout, aligning centered text, and refining colors to ensure clear, consistent user experience with start, stop, and reset controls.
Design and implement a Facebook redesign by refining the post component and like button states, adding features and fresh visual design for a portfolio-ready UX/UI project.
Redesign the Facebook app navigation by defining the frame, navigation spots, profile picture, color choices (blue), typography (Poppins), iconography, and material design actions to improve visibility and hierarchy.
Adjust sizing in the mid section, center elements, and refine spacing and icons while applying height and effects to advance the UI design.
Explore how to design the story section by tag, using story cards, shadows, reflections, and image columns to organize stories, articles, and blog content with mindful spacing.
Assemble the post section of a Facebook-like UI by aligning elements. Add images, text, icons, and refine spacing and colors; preview the bonus video on turning the like red.
Finalize the like button by creating a red variant and using smart animate to switch states in the prototype. Import the 24 by 24 heart icon as a component.
Design and prototype a complete ux/ui project for an emailing agency, including wireframes, a sticky navigation bar, a dark and bright mode toggle, and a free trial call to action.
Complete a comprehensive ux/ui project to showcase your portfolio. Learn practical steps to finalize a polished ux/ui design that demonstrates your skills.
Complete project in ux/ui for portfolio, delivering a full ux/ui sample that showcases your work within the ux/ui projects for portfolio course.
Complete a ux/ui project for your portfolio by foregrounding personal life and aircraft imagery as recurring motifs in the project narrative.
Complete projects with a personal focus, weaving in the repeated 'burp' motif from the caption. Apply these ideas to your ux/ui portfolio projects.
Figma is a powerful design tool that helps you to create anything: websites, applications, logos, and much more.
By learning to use Figma, you'll take your first steps into User Interface Design and and User Experience Design. These skills are essential for building a great portfolio for yourself and potentially for your own company.
In this Figma Crash Course, I will use a real project website from Frontend Mentor which we will recreate in Figma. Learning by building a project is a great way to solidify your knowledge, so I recommend downloading the assets and following along.
Adobe XD is the Adobe prototyping tool for user experience and interaction designers. Adobe XD features are used for creating wireframes, prototypes, and screen designs for digital products such as websites and mobile apps.
We will be making projects in both, in adobe XD and in figma
Figma is one of the most revolutionary graphics editing apps that’s taking over the design world by storm. What makes it so attractive is the fact that it’s free to use.
If you’re still not familiar with this wondering web-based app or looking for tips on how to make the most of the software, you’ve come to the right place.
In this beginner guide, we outline some of the tutorials and video guides in one place. You can use them to learn everything you need to know about Figma without having to spend hours searching on Google and getting frustrated.
Figma is different from other graphics editing tools. Mainly because it works directly on your browser. This means you get to access your projects and start designing from any computer or platform without having to buy multiple licenses or install software.
Another reason why designers love this app is that Figma offers a generous free plan where you can create and store 3 active projects at a time. It’s more than enough for you to learn, experiment, and work on small projects.