Quite
Rough Layouts

Slightly trimmed layouts done in Figma bring the ideas into place to see if they actually work.

Quite rough layouts are made in FigJam.

Here we are adding more text, bring in the footer, tidying up the background, trying out more photo ideas.

At this stage, we’re double-checking our ideas and seeing if they really do work. 

How to make Quite Rough Layouts

Your goal is to further solidify the ideas and fill in the gaps in content, photos, layouts.

More input and instructions at the ready

The second phase of layout planning, should only be attempted after some feedback, further from the client or the rest of the team.

Don't progress to "smooth layouts" if...

If the developer can start building and knows what to do (after a lengthy explanation of the visual plan)

If the design is fairly simple in terms of visual effects.

Progress onto "smooth layouts if...

The layouts are intricate. The ideas look shabby and unready

Ensuring consistency

Here are the very rough at the bottom and the finished quite rough layouts, ready for production

For anything but the simplest projects, we are promising a consistent look and feel throughout the website.

You therefore place the influences to one side and place all page outputs together.

Bring work from FigJam to Figma and back again

Work in Figma because you need the tools, but bring it back to the visual plan in FigJam, so that everyone sees the progression of ideas and no earlier ideas are lost.