Hermitcrabs Team Final Figma link:
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.
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 from the client:
The wireframe includes some design guidance comments.
The final look is supposed to be aligned and consistent with their main branding/website of
For reference - current
home page mockup:
Vector and png characters:
Context and Functionality
Create a UI kit board to define spacing, colors, buttons styles, icons and typography. See
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.