Design Challenge 20210201

Introduction

This is a challenge to test your knowledge of Design and Prototyping;

In this challenge, there are several ways to develop and obtain the proposed results. The objective is to evaluate its form of structuring and autonomy in decisions to build something scalable.

First things first

• The project must use the specific Language/Tool in its Job Posting (if applying). For example: Python, R, Scala, Figma, Google Presentation and others;
• Consider as deadline 5 days from the start of the challenge. If you have been invited to take the test and it is not possible to complete within this period, please notify the person who invited you to receive instructions on what to do.
• Document the entire research process for the development of the activity (README.md in your repository); the results of these tasks are just as important as your thought process and decisions as you complete them, so try to document and present your hypotheses and decisions as much as possible.

Challenge / Case

The company Trevo Digital works with several customers globally in more than 15 countries, one of the main characteristics of the company is the strong positioning in the digital sector with a team focused on generating quality leads. Therefore, all projects must be very well structured with SEO, fluidity and reuse in mind (components reused in several projects). Its goal is to create a project that gives attention to the requirements mentioned above.

Resources

1. Use some online collaboration design tool. Ex: Figma

Step by step

In this challenge, we worked on the elaboration of an initial structure of the Design System and the development the mobile and web prototypes of the screens of the Dashboard project of a new Trevo Digital Client.

Before starting work, the requirements and analysis team developed the initial WireFrame for the desktop version of the project:

To work on the prototype, we must follow the color palette that the client sent:

Design System

The Design System for the project will be an initial draft with:

• Font Types
• Colors
• Components

Desktop Version

To develop Desktop screens, we must review whether the UI and UX are appropriate/consistent/satisfying before working on the prototype. With your knowledge, review the proposal and apply the necessary corrections that you consider necessary to improve the usability of the project.

Mobile Version

No Wireframe proposal was developed for the mobile version, so we should elaborate it following the structure of the desktop version, but applying the necessary adjustments for the new version.

Extras

• Differential 1 Create a tablet proposal
• Differential 2 Use fluid components on Figma
• Differential 3 Prototyping a new screen that contains a table with users list and dynamic filters (Search, Order by, etc..)

Last Step

Warn about the finalization and send for correction at: https://coodesh.com/challenges/review After this stage, the presentation / correction of the project will be scheduled.

Instructions for Presentation:

Notify us of completion and submit for correction.

1. Check if you answered the Scorecard attached to your application;
2. Check if you answered the Mapping attached to your application;
3. Access https://coodesh.com/challenges/review;
4. Add the Figma embed link with your solution;
5. Record a video, with a maximum of 5 minutes, with the presentation of your project. Use the time to:

• Explain the purpose of the challenge
• What technologies were used
• Focus on mandatory and differential points when presenting.

6. Check if the Readme is good and make the final commit in your repository;
7. Select the job posting on the dropdown field;
8. Submit and wait for the instructions to follow the process. Success and good luck. =)

Support

Use our community to ask questions about the process or send an email to contato@coodesh.com.