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?

Elements within Cambridge One pattern library.

Designing a Learning Platform

Agile methods are used to develop products at the Press. But what does this actually mean?

Follow the journey of a user story as it evolves from requirement to a design ready to be built.

 portfolio
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
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