Discovery and user research

Sitemap and content

Sketching sessions

to produce wireframes

Wireframes

• Based on sketching session results
• Iterate with client feedback

Styletiles/Moodboards/Artboards

Mock-ups

• a.k.a. comps or designs
• Apply moodboard styling to the wireframes
• Hi-fidelity

Components and styleguide

Prototype

Pattern Lab, Fractal,  KSS,  or  Mannequin

UI Patterns and Layouts API

Display Suite, Field Group, and/or Panelizer

 (one day: Layout Builder!)

Paragraphs and/or Blocks

(say no to ECK, Field Collection, and Bricks)

Templates and Twig Tweak

Paragraphs behavior to select layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec metus justo. Aliquam erat volutpat.

Paragraphs behavior to select component

(as UI Patterns)