l1william2024 – Page 2

1. High fidelity

High Fidelity Here is my high-fidelity prototype. These screenshots showcase the wire-framing that I have done. Both the mobile and desktop prototype have the same functionality and features, acting as a conventional website which is beneficial for…

Series of prescribed exercises

Exercise 05: Social Media Advertising – Motion

Social media research After doing some social media research on sustainable chocolate brands, I found that many of these brands focus heavily on their sustainability as well as their rich chocolate. On…

Series of prescribed exercises

Exercise 04: 3x Banners

Poster Research (Scroll the carousel)Before doing any development or sketches, I decided to do research on different poster designs to find inspiration for my designs. I liked creative designs that…

Series of prescribed exercises

Exercise 03: Wireframe prototyping (Figma)

Pencil Sketches Before starting with my low-fidelity design, I did some rough pencil sketches as well as sketching on my iPad. I decided on a rough layout that honours conventionality to bring familiarity to a user. This…

Series of prescribed exercises

Exercise 02: Logo Development

Early logo sketches These are my early logo sketches. Originally, I decided to utilise a chocolate bar as my logo in order to emphasise the quality of the chocolate. I wanted to…

Series of prescribed exercises

Exercise 01: Initial Design Prototyping

Broad Moodboard (Scroll the carousel)When I started the brief, I looked at all three of the chosen directions. Ultimately, I felt like the eco-future brand aligned better with my goals and I…

Project 2

4. Feedback/iteration and ethical design

(Scroll the carousel) My rejected designsHere are my rejected designs, most of these are rejected in order for me to have a smoother, simpler and more conventional website. For example,…

Project 2

3. Call to action + User-centred design

My user journey mapBefore creating my mid fidelity design, I crafted a user journey map. I created this from my user personas that I created. This journey map illustrates the…

Project 2

2. Working Mid Fidelity

https://youtube.com/shorts/UeP4uV6XfOw?feature=shareA video of my working mid fidelity wireframed mobile prototypeI have linked here a clear walkthrough of my mid fidelity mobile design. My website is very easy to navigate, and…

Project 2

1. Recap and Initial Wireframes

My project focuses on developing a website prototype for the Participatory Collective to promote awareness and build human connection. The Collective is a network of communities supported by the Ideas…