2.

UI UX Design

Im not a coder, but I do know UX and UI design and website building! I create mostly on the platform WIX where I will create you something that looks and works perfectly! I also don't gate-keep! so I share my tips and tricks, or even amend the site on a video call so you can see how to make the small changes, I want you to be able to run your own brand with confidence!

How it works to design your website!

Low fidelity wireframes

When designing the low fidelity wire-fame for this project, I needed to keep in mind the simplicity the client wanted. This was an online store of only 12 products and I knew we needed a light-box welcome screen to ensure the customer knows the products are latex for allergy reasons.

LOW FIDELITY WIREFRAME.jpg

My job description:

Tasks and responsibilities

  • Plan and conduct user research and competitor analysis

  • Interpret data and qualitative feedback

  • Create user stories, personas, and storyboards

  • Determine information architecture and create sitemaps

  • Create prototypes and wireframes

  • Conduct usability testing

My job descriptions:

Skills & personal traits

  • Adaptability

  • Communication, collaboration and teamwork

  • Problem-solving

  • Design thinking, asthetic inegrity

  • A user-centric mindset

  • Attention to detail

  • Creative and analytical approach

  • Understanding of interaction design principles

  • Knowledge of industry tools such as Sketch, InVision, Adobe InDesign, Illustrator, Adobe Photoshop

  • Business know-how: Understanding of business metrics and the ability to translate company goals and objectives into digital experiences

High fidelity wireframes

This is a very visual brand. We wanted to keep the text to a minimum or on pages where people who wanted to read more could. It was very important to keep the design looking clean and coherent.

One main concern we had was that the brands products are made from Latex which can be an allergy, so this is vital that the customer is made aware of this before purchasing. I created this on Adobe Illustrator as I was able to add additional media to make it resemble to final product more closely.

high fedility wireframe.jpg

Branding & Colour

S A P .png

I was also the graphic designer for the logo above.

SAP MOODBOARD.jpg

Mock up

PHOTO WIREFRAME.jpg

The mock up was created on WIX thats was due to once built I would pass over the website to other members of the team to be able to deal with selling and shipping with ease as WIX has some very good tools that will allow this to be done even with ease. I was able to add the media sent from the team who were extreemly please with the result.

Finished product

webpage mock up .jpg