Responsive website for Citadel

In collaboration with an award winning marketing agency Bletchley Park, now called OFyt, I was responsible for designing a responsive website for Citadel Wealth Management.

Project description

In close collaboration with Bletchley Park’s (now called OFyt) digital team I helped to create the digital vision of their online presence.


I solidified the information architecture of the website by drawing out sitemaps and creating low-fidelity Axure wireframes. Once there was consensus in the team I would create slightly higher fidelity wireframes for mobile, tablet and desktop form factors that gave the team and the client a good idea of what the layout of the site would look like, what functionality will be available and what content should be created and finalised.

Responsive web design

With wireframes in hand I set out design the visual interface of the website. Paying close attention their newly minted brand identity I made sure to reflect their visual brand accurately while keeping web usability and user experience front of mind.

UI Style guide

During the visual design process I created a visual style guide so that I could easily communicate all the technical requirements and design details to the front ends developers in order to keep the design consistent and make the development process easier for developers.

What I did:

  • Wireframes
  • Responsive web design
  • UI design style guide


  • 2013

In collaboration with:

In collaboration with Bletchley Park now called OFyt