the project
Daggerhart Lab approached me to help revamp their digital presence and also add some extra character to their brand. Throughout the process of updating the website, an illustrative style was created to make images throughout the website that highlighted their "mascot" working throughout the company.
process
Before starting the illustrations and website design, I took an audit of the existing website to track content types, accessibility enhancements, and areas of improvement.
bringing labby to life
The first illustration was to be the featured graphic on the homepage. Once that style and color palette was determined, the rest of the illustrations throughout the website followed the same pattern.
Although the Daggerhart brand is very much reliant on the color pink, I opted to reserve the use of pink for actionable items throughout the website, which meant omitting the pink from all illustrations. The pop of green in the illustrations really brings out the character of the brand and compliments well with the rest of the website's color palette.
responsive design
Building a prototype in Webflow means it's much easier and faster to account for responsive design. After going through page by page and providing UX insight, content enhancements, and recommendations to components and infrastructure, we were able to create layouts that could easily be configured for a responsive layout.
style guides and component libraries
The final step of my involvement in the new Daggerhart website was building a component library and style guide that could help guide the front-end and back-end developers who were taking the design and putting it into Drupal.
