1. Designing a User-Friendly Product Registration Page in Figma

Objective: The aim of this assignment is to design a highly intuitive and visually appealing product registration page for a bakery using Figma. This registration page should not only align with the brand’s aesthetic (feel free to be creative in creating a unique brand identity if you wish) but also offer a seamless user experience that encourages new users to register their products/baked goods.

Problem Statement: Users often face product registration processes that are cumbersome and poorly designed, leading to frustration and a potential loss of customers. A well-designed product registration page should simplify the process, encourage user completion, and ultimately drive up the registration numbers.

Task 1: Research and analyze existing product registration forms to identify common design patterns and user pain points. Pinterest is a great resource for collecting visual ideas or doing a simple Google search. Also, think about what information would be pertinent to ask of the user in registering their baked goods to the site. On your wireframe or prototype Figma board list the following answers to these questions...

Who your audience is and what is the objective of your page
Some common design patterns and/or pain points noticed through research (i.e. are there a lot of product images utilized, is there a specific color palette utilized a lot, is the font serif or sans-serif, what style of buttons do you see a lot and location, etc)
What are the 3 words that summarize your page's story (i.e. Sophisticated, Modern, Sleek)

Task 2: Create low-fidelity wireframes for the product registration page that organize the necessary fields into a logical, user-friendly layout. Focus on a user interface's basic structure and layout, using simple shapes, placeholders, and basic text. This can be done in Figma.

Task 3: From your selected wireframe develop a high-fidelity prototype in Figma of the product registration page incorporating the wireframe layout, company branding, and all UI elements.

Expected Outcomes:

Task 1: A list that outlines best practices in product registration design, identified user pain points, and a design story to follow. You can add this to the final Figma Prototype with seperate bulleted lists.
Task 2: 2-3 wireframes that demonstrate the layout and flow of the registration process. These should be clear enough that someone unfamiliar with the project can understand the proposed user journey.
Task 3: A completed Figma prototype that visually communicates the final design, ready for feedback, testing, or development handoff.

Lesson 1: Assignments | UI/UX Principles and Prototyping