Site Redesign - SSFABW.com

Sun, Oct 30, 2022

Recently, I launched a revamped website for my wife’s first book, “Social Studies for a Better World.” It was a journey to get it to a point where I felt truly satisfied, but it was well worth the effort.

The goal was to strike a balance: a professional website that wouldn’t sacrifice a touch of fun and vibrancy. Pulling inspiration from the book’s cover, I had a palette of four established colors to work with.

#062341
#AF579D
#7CC3EE
#7CEECE

Since the website primarily focuses on presentation with no interactive elements (think error messages or progress bars), I didn’t need to develop additional colors for different states. However, I did add three additional colors for some visual flair.

#4B3967
#A289BF
#DDB0D8

These extras came into play primarily for the footer and accents, providing a subtle contrast to the main header. As you might guess from the description, the site relies heavily on text information nestled between the dark header and the footer.

While the final design might seem fairly straightforward, getting there took some time. Initially, I experimented with more whimsical themes and brighter palettes. Here’s a glimpse into the iterative process, showcasing some of the design ideas explored before settling on the final version. There were naturally many steps in between, but this should give you a good sense of the journey from start to finish.



Visit Social Studies for a Better World


Back to blog