Mood board to website: design and revision round by Vincent L. AndersonMood board to website: design and revision round by Vincent L. Anderson

Mood board to website: design and revision round

Vincent L. Anderson

Vincent L. Anderson

A demo built for a specific brief. Not client work: the material shown is sample data, so what is on display is the mechanism.
I built a sample mood-board-to-website project on a placeholder brand: a placeholder mood board of 8 illustrated tiles, a two-page site (home and contact) whose colors, typefaces and shapes all trace back to the board (40 tagged uses across all 8 tiles), and a sample feedback round of 4 pinned comments on the first comp, each shown before and after. In that round body text contrast went from 2.9:1 to 6.5:1, and every page fits a 390 px wide phone screen without sideways scrolling.
Mood board to website: design and revision round 1
Mood board to website: design and revision round 1
Mood board to website: design and revision round 2
Mood board to website: design and revision round 2
Mood board to website: design and revision round 3
Mood board to website: design and revision round 3
Like this project

Posted Sep 23, 2026

A placeholder mood board of 8 tiles turned into a two-page website, with a trace from every tile to where it is used and a sample round of 4 pinned comments shown before and after.