Skip to main content

UX Design Portfolio Roadmap

 UX Design Portfolio Roadmap



To earn the Google User Experience (UX) Design certificate, you must complete a portfolio that showcases 3 major UXD projects and 3 case studies. These projects are designed to help you become job-ready and enter the field of UX Design. You will develop portions of this portfolio in each of the 7 courses in the certificate program. You’ll complete the assignments related to Project 1 (Mobile App) in Courses 2 through 5, Project 2 (Responsive Web Design) in Course 6, and Project 3 (Design a User Experience for Social Good) in Course 7. By the time you have finished this certificate, you'll have designed two mobile apps and two responsive websites. 


The three case studies will reflect the assignments and projects you’ve completed throughout each course. Case studies demonstrate your design knowledge, your ability to collaborate with a team, and your skill for following through on an idea from start to finish, despite challenges. Adding case studies to your portfolio will help future employers get a better understanding of who you are as a designer and how you work through the process of building a product. 


Practice Activities

Practice activities are assigned throughout each course as an opportunity to apply the concepts that you learned. Each practice activity is also a chance to develop your personal brand as a UX designer. After you complete a practice activity, you can compare your work to an example from a professional in the field.


There’s one basic difference between these practice activities and your portfolio project: everyone enrolled in the course is presented with the same prompts for practice activities, whereas there is a specific prompt for each of your portfolio projects.


Practice activities are not required for the portfolio, but may be added if you feel they are an appropriate representation of your work.


Portfolio Roadmap

Here is a general overview of the graded items that contribute to your portfolio for each course in the UXD Certificate.


Course 1

Course 1, Foundations of User Experience Design is all about getting you acquainted with the basics of user experience design. Your foundational knowledge will help you succeed in starting a portfolio to present to prospective employers when you start your job search.

Course 2

Course 2, Start the UX Design Process: Empathize, Define, and Ideate is focused on learning how to empathize with potential users, defining users’ needs, and coming up with ideas for design solutions. Your first project is designing a mobile app. The following assignments will help with the first project and case study for your portfolio:

  • Mobile App Project Personas

  • Mobile App User Journey Map

  • Mobile App User Problems

  • Mobile App Competitive Audit and Report

Course 3

In Course 3, Build Wireframes and Low-Fidelity Prototypes, you’ll sketch storyboards, create wireframes, and build a low-fidelity prototype of your app in a design tool called Figma. The following assignments will help with your Mobile App case study for your portfolio:

  • Mobile App Storyboards

  • Mobile App Digital Wireframes

  • Mobile App Low-Fidelity Prototype

Course 4

In Course 4, Conduct UX Research and Test Early Concepts, you'll plan and conduct research to test your mobile app designs and get feedback from users. The following assignments will help with your Mobile App case study for your portfolio:

  • Mobile App Research Plan

  • Mobile App Usability Study

  • Mobile App Insights

  • Mobile App Research Presentation

Course 5

In Course 5, Create High-Fidelity Designs and Prototypes in Figma, you'll create mockups and a high-fidelity prototype of your app for a second round of testing. The following assignments will help with your Mobile App case study for your portfolio:

  • Mobile App Mockup

  • Mobile App High-Fidelity Prototype

  • Mobile App Case Study

Course 6

The second portfolio project, a responsive website, is introduced in Course 6: Responsive Web Design in Adobe XD. Your responsive web design will be created using Adobe XD. The following assignments will help with your responsive web design case study for your portfolio:

  • Responsive Web Design Website Sitemap

  • Responsive Web Design Wireframes

  • Responsive Web Design Low-Fidelity Prototype

  • Responsive Web Design High-Fidelity Prototype

  • Responsive Web Design Case Study

Course 7

In the final course in the program, Design a User Experience for Social Good and Prepare for Jobs, you'll design a dedicated mobile app and a complementary responsive website focused on creating social good. The following assignments will help with your the Social Good App and Website case study and your overall portfolio:

  • Social Good App and Website Research Results and Designs

  • Social Good App and Website Mockups and High-Fidelity Prototypes

  • Social Good App and Website Case Study

  • UX Portfolio

Comments

Popular posts from this blog

21 Interesting Web Development Project Ideas For Beginners [2022]

 21 Interesting Web Development Project Ideas For Beginners [2022] Web Development Project Ideas: With digital presence becoming a necessity for brands to expand and gain exposure among potential customers, the web development industry is taking off rapidly, and so is the demand for Web Developers. In fact, web development has emerged as a promising field right now, attracting aspirants from all educational and professional backgrounds. As industries continue facing fierce competition among fellow brands and services, the ones keeping up with trends steal the limelight.  The severe expansion of digitally engaged audiences has proved that web development is no more a choice but a necessity to reach a broader customer base, increase engagement and promote services.  Considering how web development is experiencing continuous growth with technological advancement, following web development trends is essential to sustain the audience’s volatile attention. Aspects like architec...

CSS Selectors Tutorial

 CSS Selectors To Apply CSS to an element you need to select it. CSS provides you with a number of different ways to do this, and you can explore them in this module. CSS Selectors are used to "find" (or select) the HTML elements you want to style. We can divide selectors into five categories. Simple Selectors Combination-Selectors Pseudo-Class Selectors Pseudo-Element Selectors Attribute Selectors CSS selectors allow you to select and style HTML elements selectors are used to find elements based on their ID , classes , types , attributes , values of attributes and much more .   let’s go through the most common selectors the element selector selects elements based on the element name , this is the CSS selector it is set to P (Selector) means it will select all P elements on the page like this so it Styles all P elements to be centre-aligned and have a red colour well if we add another element that is not a P element it will not be affected by the styl...

Javascript For Web Development

           Basic Javascript For Web Development What will you learn in this JavaScript Tutorial for Beginners? In this JavaScript rudiments for novices instructional exercise, you will find out about certain basics of JavaScript like Variables, Arrays, loops, Conditional Statements, Cookies, and so on, and some high level JavaScript ideas like DOM, down to earth code models, JavaScript Unit testing system, calculatios, and so on. Are there any prerequisites for this JavaScript Tutorial? Nothing! This is an outright JavaScript fledgling manual for learn JavaScript with models. In any case, assuming that you have some fundamental information on HTML and CSS, it will assist you with learning quicker and all the more productiviely. Who is this JavaScript Tutorial for? This JavaScript for fledglings instructional exercise is for understudies who need to find out about Web Application improvement and programming advancement. This instructional exercise is additio...