Gallery

Web Canopy Studio

Requirement 1: MyCreditRepairSite

Requirement 2: Dominion Systems

Requirement 3: Platform28

Requirement 4 ProjStream

Requirement 5 Integra Technologies

Explore

Requirement 2: Dominion Systems

Hermitcrabs Team Final Figma link:

⁠

https://www.figma.com/file/I5R4gt7w22GP1FoPF049Dh/Dominion?node-id=0%3A1⁠

⁠

Client Brief

Hi Niranjan,

I'm Emanuel Henriques, Digital Project Manager at Web Canopy Studios, and I'll be collaborating with Liz and overseeing some different projects that require your expertise.

Here's another project we'd like to request your help with designing new mockups for internal pages.

Introduction and Context

Dominionsystems.com

The goal of this task is to produce a new set of web page mockups (7), designed in Figma.

The timeline for this task is up to 5 working days and a total estimated budget of 15 hours.

Wireframe and assets

Wireframes

Payroll page -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=0%3A1⁠

⁠

Time Management -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=6%3A19⁠

⁠

Talent Management -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=7%3A0⁠

⁠

Employee Self-Service (ESS) -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=7%3A64⁠

⁠

Benefit Solutions -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=7%3A144⁠

⁠

Applicant Tracking -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=7%3A216⁠

⁠

Performance -

https://www.figma.com/file/W3bTWsIQpqStF7XhYbILY7/Page-Set-3-Wireframes?node-id=7%3A289⁠

⁠

All these are interior pages and the overall design should be absolutely aligned with the already approved other pages and designs.

For reference, there's a color palette and typography chart to follow accurately:

https://www.figma.com/file/swgq4YjOgKaHXb1JxZMzIE/All-Designs?node-id=158%3A3⁠

⁠

Other assets for reference:

Approved home page design:

https://www.figma.com/file/swgq4YjOgKaHXb1JxZMzIE/All-Designs?node-id=1%3A20⁠

⁠

Other approved interior pages:

Small Companies -

https://www.figma.com/file/swgq4YjOgKaHXb1JxZMzIE/All-Designs?node-id=307%3A4⁠

⁠

Medium Companies -

https://www.figma.com/file/swgq4YjOgKaHXb1JxZMzIE/All-Designs?node-id=312%3A1013⁠

⁠

Large Companies -

https://www.figma.com/file/swgq4YjOgKaHXb1JxZMzIE/All-Designs?node-id=312%3A2023⁠

Context and Functionality

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.

For imagery, feel free to use relevant and contextualized stock photos as placeholders

Let me know if you have any questions at all.

Thank you!

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.