/website

Unlock

april 2023

A conceptual website design based on a metaphor

Role: designer, illustrator

web design

metaphor

illustration

vector art

figma

procreate

back to homepage

main screen

/project_story

This was a conceptual project based on a metaphor. The website is for a fictional detective agency called Unlock, specialising in uncovering secrets, finding people and solving mysteries.

My aim was to create a design that would immediately convey the themes of hidden information and investigation. The key visual element is, quite literally, a key that unlocks secrets

/process

1. Concept

I started with the core metaphor: unlocking hidden things

my concept and moodboard

my references

2. Design

My idea was to combine clean typography with a slightly mysterious illustration. First, I created an illustration of a key in Procreate. Then, I converted it to a vector and combined it with the letter "U". Finally, I created a website layout in Figma. I also added a red thread weaving through the letters and the website, inspired by detective stories and the way clues connect everything together

screenshots from Procreate, where all graphics were originally drawn

screenshot from Figma

/final_result

The result is a bold, minimalist design that conveys a sense of seriousness and playfulness. It’s a clean website with striking visual metaphors that convey a story at first glance

final design

/reflection

This project taught me how to subtly incorporate metaphors into visuals. I enjoyed working with composition and typography here. I am happy with the result, but I enjoyed the process even more

/next?

Thank you for your attention. You can click below to explore another project, or return to the homepage to choose freely

another project
back to homepage
Due to time constraints, this site has not been adapted for mobile. Please view on desktop for the full experience.
Thank you for your understanding