User Journey

The first thing I did when approaching the redesign was figure out the organisation's goals and create a user journey that would allow sharper focus in figuring out what the end point for a user would be.

Once I had the journey laid out I went ahead to create a flow map of the new website. I analysed the current layout and tightened it up, so the content was easier to navigate to.

Logo

The logo design was pretty simple here. I took their existing logo and remade it as a vector illustration. I then placed it into a circle and cut it out.

Styleguide

Being an organisation focused around the legalisation of marijuana, I found a green primary colour to be fitting. I then based the other colours used off this - orange being complimentary and the dark blue colour to be contrasting.

Using a green as a background colour presented some challenges in accessibility, so I made sure the text that showed on the green background would meet the AAA accessibility requirements.

There is only one font used in this project - Nunito Sans. I used size and weight to determine the hierarchy of the typography to make each heading and content distinguishable.

I also provided an extensive styling guide for each option to help in the development of the styleguide.

Components

Components were designed with an atomic design structure. Atoms would be present in Molecules, and so on. Using my knowledge of CSS and SCSS I was able to show different states for each, and even add comments that would help in development where necessary.