Work with us as an visual designer

In this chapter we’ll talk about some of the guidelines for visual designers.

Your essential tooling

Start with the wireframes in the order of the story backlog
Start with the most important screens first.
Use a grid system
Make sure designs are scalable
Please inform us beforehand when using fonts which need to be commercially purchased. And please make sure the font is compatible for web
Please use layers for different items so it’s easy to break up and reuse.
For logos, symbols or iconography please use vectors where possible, so we can make it responsive and use it on different devices.
Upload all screens to Invision/Figma in order to show it to the team and allow collaboration and feedback.
Make a style guide and try to keep it in check
Make sure all content is deliverer

Read the ‘Design questionnaire’, which includes the general feel and emotion of that the clients would like to have communicated.
Check the mock ups and the design briefing.
If there is a briefing via Jing or via screen cast make sure to check that out.
Design the most important screens first.
Upload the screens to Invision and ask everyone to collaborate and provide feedback.
Make sure you’ve designed active, hover, focus states.

Fill in the ‘Design questionnaire’
Provide mock ups with a design briefing per screen.
Provide all possible content to the designer. - Provide logo’s in vector (.EPS/.AI/.SVG) - Style guide
If possible, deliver a video explaining the product the screens.
Deliver possible inspiration, which can be competitor websites, or just things which are considered pretty or to get the point across.

Stock

Fonts

Sketch

Mock-ups

Palettes

Inspiration