Within this post I will be showing off my wireframes with explanations on why certain areas have been created, with their purpose and impact on the users. I have created 6 wireframe layouts for my website which will be listed and shown bellow. Within he 6 wireframes I have annotated everything on the page with… Continue reading Initial Wireframes & Layouts
Feedback & Iteration
Within this post, I have asked peers and friends for constructive feedback, once feedback has been given, the iteration for the feedback has been implemented within the website with examples and proof of feedback shown bellow. Feedback assessment 1: My first constructive feedback was presented by “Yao Wenbo” from my Graphic Design class, once I… Continue reading Feedback & Iteration
Call to Action (CTA) Strategy
Within this post, I will be explaining the different types of Call to Actions (CTA’s) used within the website and what their goal is, such as grabbing users attention. CTA’s have to be spread out carefully and not overused, this is because many users may feel annoyed that there are so many pop-ups trying to… Continue reading Call to Action (CTA) Strategy
User-Centred Design Decisions
Within my website prototype I have created many user-centred design decisions to make my users feel welcomed and create a friendly environment in which users can dwell in. User-Centred Design Decisions: First of all the text I have used within my website has a very inclusive tone, this is simply done by avoiding the use… Continue reading User-Centred Design Decisions
Ethical & Sustainable Design Commentary
Within this post I will be talking about how my prototype website for “PC” is ethical and sustainable. Ethicality: One way the website is ethical is simply by avoiding selling users information to third party data brokers, this is done to gain the trust of users and have a welcoming website that users can feel… Continue reading Ethical & Sustainable Design Commentary
Figma Prototype Walkthrough
Within this post I will be talking about my mid fidelity Figma website prototype for PC, bellow there will be screenshots of all the pages within the website with appropriate notes bellow the collection, such as how the users will explore the pages. Figma Link: https://www.figma.com/proto/MZS3eaCmcTVnZ1qEHMcvns/Mid-Fid-Website?node-id=0-1&t=nZXXegJiTae9eIHS-1 Mid Fidelity Website Prototype With Small Explanation: Within the… Continue reading Figma Prototype Walkthrough
Development Timeline / To Do List
Within this post I will be stating the progression of the mid fidelity website prototype with an additional to do list for when the high fidelity version comes into development. Development Timeline: Within the first and second week I have written out all of the posts/created wireframes before creating the mid fidelity website prototype, this… Continue reading Development Timeline / To Do List
Research Blog
Introduction. “PC” is a network of local community groups made up of groups such as; “OSHI”, “Butterflies”, “Community Knowledge Matters”, “Imagining Futures” and many more. These community groups will be represented through a unified digital campaign which will be shown bellow with in depth analysis throughout storytelling, branding, and ethical design exploration. The mission for… Continue reading Research Blog
Initial Design Prototyping
Introduction. Within this post the initial research phase for the 3 briefs given will commence, the 3 briefs will indulge in heavy research upon evaluation of target audiences needs, creation of mood boards for further analysis of colour combinations and competitor research with the advantageous and disadvantageous aspects, the 3 briefs mentioned are: Eco Future.… Continue reading Initial Design Prototyping
Logo Development
Introduction. Within this post 3 Logos have been illustrated for “Cab-E” with early sketches and annotations to support decision making. The PDF files bellow have been exported to a digital version and print version with the use of RGB and CMYK colours. Early sketches. Early sketches of 3 logos have been constructed above with annotations… Continue reading Logo Development