Design and Prototyping
Jump to navigation
Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
Start with a branding style guide
2 different ways of building a branding style guide : Wireframing vs. Prototyping
- Wireframing > Sticky notes > Agreeing on structure and what goes on each page
- Prototyping > Coding > Show you what's on each page > Allows you to show to client > Save time > a tool for buy-in
- The more traditional workflow is : designing > developing > re-designing > re-developing. Prototyping allows you to do that
- Hard to develop a plan : planning vs. making
Prototyping is the fastest way to validate an idea
Possible to use a static site generators e.g. metalsmith
- Having conversations early -> if you know how drupal will spit out -> develop CSS file to structure
- Psychological tool -> making them think they're in good hands -> first site looks good while not putting in too much work
- Be intentional about the design and design a framework before you code half