The Heirlüm Project

This was a multi-step process of me creating my first clothing brand, and the website to go along with it.

    November 2021 - Present
In this step I worked in Adobe Illustrator over two weeks to develop a brand theme that I was fond with. In this step, I also tested hundreds of fonts and designs to find some logos that I thought were perfect.
Step 1
Logo and theme development
Step 2
Low Fidelity Wireframing
In this step I worked in Adobe Illustrator and Adobe XD to create the layout of the mobile and laptop versions of the website. I made around 20 pages that provided examples of how my website would look when completed.
Step 3
High Fidelity Wireframing
In this step I worked in Adobe XD to upgrade the layout and design of my website to be much more finalized, putting in all images, text and icons that i could. After some layout changes, I link together all the pages by using the prototype tool in Adobe XD to make it function like a website.
Step 4
Website Development
The last step was putting the pieces of the website together during development. I used Webflow as my tool, and the final product is very responsive, feels smooth, fits all device sizes and is something I can be proud of.
Mason Speh all rights reserved.
Instagram