Flonase

For this project I was working on a larger team that consisted of a UX Designer and Content Strategist which allowed me to really focus on the UI design of the website. I collaborated with both teams to fine tune the content and experience during the wireframing stage before moving into design. This relationship maintained throughout the entire project, with us all working in close collaboration to achieve the best product.

In addition to wireframes, the initial stages of the project included a creative foundation. This is where I laid out my thoughts and ideas for the website to get the clients initial reaction. This included color, typography, some UI elements (like buttons) and a few components so they could get a sense of what was starting to take shape. From there I was able to fine tune those elements and expand upon them as I built my design system out further.

Using the creative foundation as a starting point, I went into creating desktop and mobile designs – producing interactive prototypes that I then presented to the client for feedback and approval. I worked collaboratively with the client to ensure I was meeting their VBL guidelines while also providing suggestions and enhancements for the digital space. This included making sure that were meeting at least WCAG AA guidelines for accessibility.

Once designs were approved we moved into functional and design annotations which I worked on collaboratively with my UX Designer. From there I created a digital style guide, laying out the design system I had created. This allowed for developers to replicate my designs, and also laid the foundation for anyone in the future to easily follow the patterns and styles I created, and apply them to future website enhancements or other digital applications.