Process to create UI design proposal

Required Tools:

• Figma or Adobe XD

• Excel or Google Spreadsheet

• Krita or Mypaint

• Gimp

Required Resources:

• Client Requirements Documentation

Tips:

• Consider the user experience (UX) for each stage of UI design.

• Every time we complete a stage of the process we must show the results to the client to receive feedback and approval, once the results are approved we can advance to the next stage.

Base Steps:

1. Take the Requirements (Get Referents)

   • Questions Client

   • Questions Resources

2. Make the Approach

3. Make the Commercial Proposal

Concrete Steps:

4. We must define the list of screens that we have to design.

5. Search for Referrals.

6. Make a "Moodboard".

7. We create the Wireframes (low and high fidelity).

8. We elaborate the final proposal through Mockups.

9. Delivery

1. • Prototype (Figma Project, Adobe XD Project)

   • Style Guide (.pdf)

Client profile questions:

1. Client name

2. Role of the client: What is your role in the project?

3. Is this the first time you have hired an external person to do the interface design for a game?

Game Question:

1. Could you tell us what the project is about?

2. Is it a game or an application?

3. Can you mention one or more references to similar projects?

4. What platform was the PC, VR, Mobile, Console, Web aimed at?

5. Is the project a demo or final version?

6. What are the keywords that define your video game?

7. How many windows will the project have?

8. Who is the project aimed at? (age, genders, type of player: Professional, Hardcore, Regular or casual).

9. What is the purpose or objective of the project? (Entertainment, education, training).

Art Questions:

1. How do you want the graphic style in 2D or 3D? Could you name a reference?

2. Do you like a preferred style of graphic identity (cartoon, realistic, retro, other)?

3. Do you have a defined color scheme?

4. Do you have a preference when it comes to typography?

Questions from the available resources:

1. Are there resources for the graphical interface developed previously? (Design proposals for the UI, icons, panels, buttons, images, others).

2. Are there other professionals participating in the project? In the event that they exist, it is important to know because we must consider aligning ourselves with these professionals.

3. What will the development time be?

4. What is your approximate budget for this project?

1. Task List (Excel)

1. The Moodboard should be updated with every new referent for the game, so we have to include the new referents.

Final Deliverables:

• High fidelity wireframe images (".png", ".pdf", ".psd")

• Navigation map (Figma Project)

• Mockups (".pdf")