Search icon Search
Screenshot of the Phoenix pattern library.

Phoenix UI: A Pattern Library

While I’ve focused a lot on writing reusable code for this website, this effort hasn’t been replicated for its design. Having spent a year using libraries, I know the importance they play in creating consistent, scalable designs.

So I made a pattern library!

Using Bootstrap’s grid system, and tweaking elements of Atomic Design for my benefit, Phoenix UI was born. Feel free to check it out!

I’m hoping that it will have as big an impact on my process as my moves to a CMS (for site maintenance) and SASS (for styling). But only time will tell…

Articles in the "Website Design" series

Want to read more?

Polygon Pop-Up screenshots, iPhone 8.

Polygon Pop-Up

Brighton’s “hidden gem” events organiser wanted their meet-ups to become the cities “go-to” attractions.

Could an iOS app help them achieve this?

 portfolio
Sticky notes with testing results.

Creating a Testing Process

“You are now responsible for all testing. We want you to own this.”

This is the story of my approach to developing and implementing a new testing process at the world’s oldest publishing house.

 portfolio
Laptop view, version 6.

Website Design 6

How did version 6 apply my user experience, user interface, web development, information architecture and SEO knowledge to create a design that was showcased by the makers of my CMS?

 portfolio