Codat
Website Support & Mobile Design for Codat. Codat partner with Financial Service Providers to enable their products and services work together.
During my time on this project I was responsible for all of the support work during the website development. This included building out additional pages in the WordPress theme, designing new ACF blocks, photo manipulation, icon design, and Mobile UX.
You can view the full website here.
/ Website Support & Mobile
UI Support
When I began working on this project the bulk of design work had already been completed and signed off, however there were always new changes being put forward from the client which I was responsible for designing to be consistent with our prototype. Addiontally to this I began to build out extra pages that were needed using our pre-existing design blocks.
I was also responsible for editing every photograph in every possible resolution, this was important so that we could quickly have multiple options to replace each placeholder image on the live site. (this also included icons you see in tombstones)
You can view the prototype design here.
Mobile UX
Alongside building the additional pages and components I was responsible for converting our design prototype into a mobile prototype. This mobile prototype acted as a useful guide for our developer to reference and ensure the responsiveness matched the vision we had in-mind.
You can view the mobile prototype here.
Iconography
The icon set was created to showcase all of the vibrant secondary colours from the Codat branding. I was responsible for editing our pre-existing icon template and creating new icons to match the themes of Codat.
Image Size Guide
It was important to have an image guide for the clients to reference for when they needed to upload photographs to the website. I created this image guide which highlights all the possible image resolution through the various content blocks.
Summary
As a supportive role on the Codat project I was responsible for many tasks which would help strengthen the overall website direction by adding additional polish and design blocks.
Guides were also created for our developers and the client to ensure that the process from design to live went as hassle free as possible.
You can view the final website here.