Skip to content
Web Canopy Studio
Requirement 1: MyCreditRepairSite
Requirement 2: Dominion Systems
Requirement 3: Platform28
Requirement 4 ProjStream
Requirement 5 Integra Technologies
More
Share
Explore

icon picker
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.