In this article, I shall create three distinct banners for advertising purposes, each positioned within a specific pixel height and width space. For these three advertising banners, I employed identical visuals and text featuring the slogan “ONE CUP, ZERO WASTE”. This tagline uses the stark contrast between the numbers “one” and “zero” to visually convey… Continue reading Banners Ads
Author: wyao2024
Wireframes
This article is the design concept for the website homepage. This is my initial design sketch. The left-hand side depicts the original concept, where I positioned the brand name prominently at the top centre. The brand logo is placed in the top-left corner, with the latest products displayed below. Featuring these on the homepage enhances… Continue reading Wireframes
Logo Development
These are my three logo designs. This logo combines the positive and negative forms of a circle and a leaf to create the design. The simplicity of this pattern inspired me to create a straightforward logo, using the central leaf as the starting point for my own design. FORMLESS The initial concept behind the first… Continue reading Logo Development
Initial Design Prototyping
Introduction: This article will analyse the following three briefs, creating mood boards, user personas, brand prisms, brand personalities, and brand matrices respectively. Eco Future——A style for a green or eco friendly company Cab-E Online—— a new local taxi firm looking to dominate the online space Influence Hull——a business consultancy group Eco Future is an environmental protection… Continue reading Initial Design Prototyping
Art Direction within web design contexts
Design Portfolio（PC）
High-Fidelity Prototype Throughout the website, ample white space has been incorporated between various sections to prevent information overload and minimise reader fatigue. A clear reading hierarchy has been established through varying font sizes: “heading > subheading > body text > notes”. High-saturation, high-contrast colors are employed across the entire site, lending a cohesive and harmonious… Continue reading Design Portfolio（PC）
Introduction
Compared to low-fidelity prototypes, mid-fidelity prototypes address many shortcomings present in initial designs. By incorporating additional animation effects, they achieve a more professional overall appearance. In mid-fidelity prototypes, we strive to ensure all users can browse and retrieve relevant information with greater ease. Simultaneously, we gather feedback to continuously refine the content of the mid-fidelity… Continue reading Introduction
Ethical & Sustainable Design Commentary
The website demonstrates its ethical integrity by incorporating principles of privacy protection, accessibility, transparency, and fairness into its design: it collects only the most essential data and clearly informs users about data usage; its interface adheres to accessibility standards, enabling seamless access for users with varying abilities; and it ensures users maintain full control over… Continue reading Ethical & Sustainable Design Commentary
Feedback & Iteration
I asked three friends for their initial feedback on my mid-fidelity design. Above are their thoughts on my early concepts. I incorporated some suggestions to improve the website design, such as adjusting the guidelines to ensure consistent spacing between images and fixing button sizes that were too large or too small. However, I didn’t fully… Continue reading Feedback & Iteration
User-Centred Design Decisions
Decisions made with user needs, goals, usage scenarios, and experience at the core. Users found complex navigation challenging, leading to the adoption of a more streamlined interface structure. This includes combinations of text and images. Interaction design is equally crucial, as it directly impacts each user’s experience. Convenient and clear interaction design helps users minimize… Continue reading User-Centred Design Decisions