Explore

Requirement 1: MyCreditRepairSite

Niranjan Reddy

Hermitcrabs Team Final Figma link:

Version 1.0:

https://www.figma.com/file/3441gEYaDj7A3jOfATLrhD/My-credit-repair-site?node-id=0%3A1⁠

⁠

Version 2.0:

https://www.figma.com/file/3441gEYaDj7A3jOfATLrhD/My-credit-repair-site?node-id=0%3A1⁠

⁠

Client Brief

Hello,

As I mentioned we have some overflow design work that we would like your team to work on. Below is the design brief. Please reach out to me and/or the Digital Project Manager (DPM), Emanuel, with any questions.

Thanks!

MyCreditRepairSite.com

The goal of this task is to produce a web page mockup, designed in Figma. The estimated time for this project is up to 5 working days and a total budget of 10 hours (including revisions).

Wireframe and assets

Wireframe from the client:

https://balsamiq.cloud/sdy3boc/ptk826m⁠

⁠

The wireframe includes some design guidance comments.

The final look is supposed to be aligned and consistent with their main branding/website of

creditrepaircloud.com⁠

⁠

Other assets:

For reference - current

creditrepaircloud.com⁠

home page mockup:

https://www.figma.com/file/IdAVjmYlpkKHVc0N4K0Lmw/Homepage?node-id=454%3A1076⁠

⁠

Graphics:

https://drive.google.com/drive/folders/1HYxylyEGjoTX_lECVsQ4WSlfXJuDdLr-?usp=sharing⁠

⁠

Vector and png characters:

https://drive.google.com/drive/folders/1t19Y5eE6mucKKP_O_6fMmHvPFrgGf5hI?usp=sharing⁠

⁠

Context and Functionality

Create a UI kit board to define spacing, colors, buttons styles, icons and typography. See

example ⁠

here:

https://www.figma.com/file/yLZZNIx2WqGVOXseg9RoYr/UI-Kit⁠

⁠

Use a 12 column grid (this will streamline the development process afterwards)

Limit the use of frames vs groups (frames don't export out properly all the time)

Break the plane - please, don't just use straight lines across every section. We need to add movement and variety to each module.

Add any other suitable design elements to the page to make it stand out against prepackaged themes.

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.