RiffRaff

I began the project by creating the brand identity. I had an app-based platform in mind, so experimenting with a strong, icon based logo would ensure a design flexible enough to be used in different visual environments.

I took a simple and recognisable shape, one of a raffle ticket, and added some dimension and visual contrast to make it pop. The raffle ticket shape I chose spoke directly to the brand positioning and overall concept, allowing user recognition and understanding without explanation, whilst remaining modern and flexible enough to be optimised for a variety of usages.

The main feeling I wanted the platform to emulate was that of excitement and engagement. I experimented and settled with high contrast, energetic colour, one that would be appropriate enough to style the UI elements with, specifically the calls to action to guide the users' attention from screen to screen.

After establishing the initial branding elements, I decided I had enough of a foundation to flesh out the UI but, I first had to consider the user experience across the app by creating a basic user flow to establish a journey through the key screens.  

I mapped out the log/sign in, home screen, product details, categories and search results page by using low fidelity wireframing, using the established brand colour to indicate key touch points I wanted the users to interact with.

With the page features established in the wireframing, I moved on to the UI components. I created the UI components first, which enabled me to flesh out higher fidelity wireframes with more efficiency, building a mini design system in the process.

If this were a client-facing project, it would be at this point of the process is where I would have gathered feedback to highlight any areas of improvement before passing it on for development, but given the task at hand, I used my initiative to finalise my decisions.