ANDREW WILSHERE

I design apps and websites to be simple, usable, and inclusive.

RECENT WORK

Baseline

Baseline is a new kind of design course, created to help address inequalities in access to design education. I developed it as a solo project over the course of twelve months — including all design work, content creation, and coding.

Skills applied: design thinking, brand identity design, user interface design, illustration, curriculum design, content creation, copywriting, UX writing, front-end development

Tools used: Figma, Photoshop, Atom

Key results: Site successfully brought to launch in June 2021. 130+ assignments published so far. Exemplary Lighthouse technical ratings for performance, accessibility, best practices, and SEO.

baselinehq.com

Landing page, desktop, light mode

Landing page (desktop, light mode)

Part page, desktop, light mode

Part page (desktop, light mode)

Assignment page, desktop, light mode

Assignment page (desktop, light mode)

Landing page, mobile, light mode

Landing page (mobile, light mode)

Part page, mobile, light mode

Part page (mobile, light mode)

Assignment page, mobile, light mode

Assignment page (mobile, light mode)

Coaching page, mobile, dark mode

Coaching page (mobile, dark mode)

Glossary, desktop, dark mode

Glossary (desktop, dark mode)

Screenshot of full house of technical scores in Lighthouse

Full house of technical scores in Lighthouse

Screenshot of HTML code

Coded by hand in vanilla HTML and CSS

Baseline logo

Logo

Baseline workdmark

Wordmark

Baseline mascots

Mascots

 

Designlab Blog

This redesign project had three core goals: first, to improve lead capture and reduce bounce rate; second, to improve the experience of reading blog content; and third, to retain aspects of the existing experience that the audience valued.

Skills applied: design thinking, user research, sketching, wireframing, prototyping, icon design, copywriting, UX writing, conversion rate optimisation

Tools used: Figma, Sketch

Key results: 1100% growth in lead capture; reduced bounce rate; improved web accessibility; new integration with company design system

Blog homepage, desktop

Blog homepage (desktop)

Blog post, desktop

Blog post (desktop)

Inline call-to-action, desktop

Inline call-to-action (desktop)

Blog homepage, mobile

Blog homepage (mobile)

Blog post, mobile

Blog post (mobile)

 
 

Designlab Editorial Illustrations

I created 100+ editorial illustrations to support Designlab content.

Skills applied: graphic design, illustration, typography, brand design

Tools used: Figma, Sketch, Photoshop

 
Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration Editorial illustration
 
 
 

Faith + Hope

This is a brand concept created for a social enterprise providing employment opportunities to those leaving prison.

Skills applied: brand design, logo design, type design

Branded tags

Branded tags

Branded kit bag

Branded kit bag

Branded cap

Branded cap

Branded t-shirt

Branded t-shirt

 
 

CONTACT

me@andrewwilshere.com