Figma-Design-Skill-Test-001

Greetings Team ! 😃 We trust that this message finds you well! We are pleased to invite you to partcipate in this Mini-design challenge.

It is our hope that even as you work from home, you remember to;

• Sanitize
• Wear a mask when stepping out into the public
• Maintain a social distance of 1.5 metres
  

Whoop! ✨ Whoop! ✨ Time to bring your A game in design. Over the next couple of days we are going to put your design skills to the test, through the figma design platform.

Instructions Set

Feel free to view other pages of the site from Hogsgood

1. Create an account on Figma.
2. Design the image below;
   

NB: Image to be Designed

NB: Image hex color code is provided below;

* Left section background color #0D2F4A
* Middle section background color #F1F0EB
* Middle section text color #21354C
* Horizontal and Vertical line color #51575E

color code in hex

NB: For color codes not provided click Generate on Coolors, to upload and get the hex code of the UI page

3. Create a new feature branch, the feature branch should bear your name.<br?>
   • eg, If I create a new branch for participant Alex, the branch name will be Alex
4. In the ReadME of your feature branch upload your Figma UI design in comparison to the Webpage provided
5. Create a PR(Pull Request) asking your fellow participants to review your design. Once it has been reviewed, submit your UI Design for approval by the organisation.
6. Only after review and appoval should you proceed to build out the page
7. Using STRICTLY HTML and CSS to build out the page UI
8. Make your web page responsinsive
9. Create a Netlify account and Host it on there.
10. Update your ReadME.md to bear your Netlify link for approval!

DO NOT MERGE TO MASTER! Points will be awarded to anyone that :

• Add's a unique favicon to the page
• Submits page before 25 July 2020

HAPPY DESIGN WEEK AHEAD ! ✨ 🔥