Opinium
Website UI & Support for Opinium.
During my time on this project I was responsible for all of the support work during the website development.
This included designing new content blocks and building out additional pages in the WordPress theme, video & photo manipulation, and icon design.
You can view the full website here.
/ Web UI & Support
UX & UI Design
Although most pages had been designed, I was responsible for building extra pages using the same building blocks, or creating new blocks which matched the style of the current design.
Additionally to this, once the client had produced text content I began to build out the pages in WordPress using the ACF blocks coded by our developers, and also uploading all of the images throughout the website and blog.
The prototype design can be found here.
Developer Hand-off
Whenever I created new design blocks for the client I would ensure there was also a developer friendly prototype made. This ensured that the developers could easily view all the specific details needed for the build.
The developer hand-off can be seen here.
Video & Photo Manipulation
I was responsible for editing all photographs and videos throughout the site and ensuring they work for all the different resolutions needed.
The majority of photographs only required minor changes and edits, however for website headers I needed to ensure all images would work at a full screen resolution.
This meant editing many tiny photographs manually to work for our website headers. Examples of this can be found on case study child pages, and headers on the main pages.
An example of one of the manipulated images can be found below.
Iconography
To accompany text content I was responsible for creating an icon-set which match the feel of our design prototype. Examples of these icons can be found below.
Guidelines
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 resolutions through the various content blocks.
Summary
In a supportive role on the Opinium project, I was responsible for continuing design work and creating additional pages/assets for our prototype.
Alongside this all images and videos were given special attention and manipulated to fit the various places they needed to on the website.
Support was given to our developers via hand-off mode on all prototypes, whereas I uploaded all content/images and had created an image guide to support the clients.
You can view the full website here.