Assistiv Labs

Design identity suite for a company who makes tools for web accessibility testing. With templates and custom assets.

Image: Purple tote bag and blue coffee cup with Assistiv Labs assets on a purple. Light logo on the bag with sky blue handles. Round floating robot icon with a shadow next to adapted sans serif text. A and L have arch shapes. Overlapping shapes pattern on the cup. Solid purple rectangles, blue circles, and white arches. Some outlined versions in grey and white.

project scope + assets

Design identity refresh for Assistiv Labs from their original purple and grey theme. Expanded colour palette, typography guides, and new logo with a friendly mascot. Various concepts for an icon that felt in line with their personality.

Mid to large design identity package included a detailed accessibility guide. Logo variations with and without the mascot for light and dark modes. Newsletter sub-identity logo. Detailed type styles against four major colour backgrounds. Including link and button main, hover, and focus states.

Supporting elements and case studies for visual design examples. Custom vector graphics for their assistive tech and work process. Supporting shapes, icons, and blank devices provided. Style outlines for Google icon use. Clay device graphics adapted from ls graphics. Google suite accessible templates with converted versions for Microsoft.

Logo suite and access guide
Newsletter sub-identity
Supporting shapes and clay devices
Icon pack guide and designs
Accessible data pie and line graphs
6 custom vector graphics
Website, social, and print case studies
Social profiles and banners
Google and Microsoft templates

Four screens with design assets and an accessible pie chart graphic

Image: Three devices and an accessible pie chart. Desktop with a presentation slide cover. Purple with lilac and sky blue rounded corner rectangles. An outline circle. Light logo in the top right. Presentation title and sub-text in white to the bottom right. Tablet with a cover graphic, The Assist newsletter logo, and line graph. Graphic of a purple computer using a screen reader on a website, against blue. Newsletter logo of a hand and robot hand shake between the words. Laptop with a custom lilac clay laptop graphic. Assistive tech icons float around it. Blue solid arch and grey outline rectangles behind. Popular assistive tech 3D pie chart. Jaws [blue] at 40%. NVDA [lilac] at 38%. VoiceOver [purple] at 10%. Other [sky blue] at 12%.

Credits: Screen mock-ups from Mockup Cloud.

client review

In addition to being a talented designer, Jess is an expert collaborator. When we had synchronous meetings, she was always prepared with agendas, ideas, and examples. She has a detailed, well-documented process…which helped me understand both what to expect next. [As] well as what she needed from me to stay unblocked. Her deliverables not only hit the mark, they were a bullseye. The style guide Jess gave us has made it simple to update all of our digital and print assets. Her insights into how to make it all accessible were incredibly helpful.
— Andrew Hedges [he/him]

contact jess

Ready to get started? Let's connect and build something unique together.

get in touch get in touch

Image: Assistiv Labs mascot icon on a floating saucer. Smiling round robot with an antenna and screen cutout around the circular eyes and mouth. Bold purple robot, white saucer, and lilac background.