The Design

Part 3 of my website building series.

Now that we have created a sitemap and wireframes, we are finally ready to apply design to our blueprint and foundation! We can focus on design knowing that everything else is taken care of and accounted for. These days, I build most of my websites responsively. That means the website responds to any screen, ranging from a desktop monitor all the way down to a phone. In this case, mockups are quite misleading since they assume a snapshot of just one particular width, or resolution. Because of this, I often like to provide my clients with what I call style tiles. Style tiles reflect the design systems rather than a specific width snapshot. Style tiles include a color scheme, typography, image application, the home page hero, and navigation style.