Wireframes

Tools

• Figma https://www.figma.com/ (opens new window)
• Invision https://www.invisionapp.com/ (opens new window)
• Moqups https://moqups.com/ (opens new window)
• Illustrator / Adobe XD

Process

1. Create a mobile and desktop wireframe for each template in the sitemap.

   • Use placeholder text in brackets or "Lorem Ipsum."

2. Present wireframes to the client and request feedback.

3. Make revisions to the wireframes until the client is satisfied.

4. Ask the client to sign off on the wireframes.