Interactive Design | Project 1

17/10/2024 -   04/11/2024 / Week 3 - Week 6
Rio Sato / 0360530
Project 1
Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylors University

Project 1

Instructions

Fig. 1.1 Module Information Booklet - Interactive Design

Objective:

This assignment requires creating a detailed proposal to redesign an existing website. Your proposal should showcase your ability to analyze the current design and functionality critically and suggest improvements to enhance user experience, visual appeal, and overall performance.

Assignment Description:

Choose an existing website with design and UX issues. Create a detailed redesign proposal addressing this.

Website Analysis:

Design Analysis: Evaluate the current design's layout, colors, fonts, images, and overall look.

User Experience (UX):

Evaluate the site's ease of use, menu structure, and device compatibility. Pinpoint areas needing improvement.

Functionality:

Assess the site's performance, focusing on load speed, responsiveness, and cross-device/browser compatibility.

Redesign Goals:

Redesign Goals: Define clear objectives (e.g., improve usability, modernize look, enhance brand alignment) and identify the target audience, explaining how the new design will address their specific needs.

Design Proposal:

Visual Design: Present new design ideas with visual references and wireframes. Explain your design choices.

UX Enhancements:

Suggest UX improvements like streamlined navigation, clearer content structure, and more engaging interactive elements.

Technical Considerations:

Propose technical improvements like mobile optimization and faster load times.



Website Analysis:

For this analysis, I will examine the website of a local library that showcases contemporary artworks. The current website, while functional, has several areas that could benefit from modernization and improved user experience.

Current Website Overview:

The homepage suffers from poor visual hierarchy and doesn't effectively highlight featured exhibitions. Additionally, the navigation menu is disorganized and fails to properly prioritize essential book information. The book portfolio pages show inconsistency in their presentation and formatting, while mobile users face significant challenges due to poor responsiveness across different devices.

Key Areas for Improvement:

The website would benefit from several key improvements to enhance user experience. The site needs a more intuitive navigation structure for book portfolios, and the overall mobile experience should be enhanced through responsive design principles to ensure accessibility across all devices.

Visual Design Issues:

The color scheme lacks unity and doesn't effectively complement the artistic nature of the whole site view. Poor spacing and alignment choices result in unnecessary visual clutter that distracts from the recommended book and events.

Typography and Product Presentation:

The current typography choices lack hierarchy with font sizes and styles that don't effectively guide users through the content.

Design Direction:

The new design direction will emphasize clean, minimalist layouts that prioritize artwork visibility while maintaining visual interest. A color palette searched by Pinterest and other websites will complement rather than compete with the displayed pieces, using subtle gradients and white space to create a greater visual. The interface will incorporate transitions to enhance user engagement without overwhelming the artistic content.

Wireframe Approach:

Fig. 1.2 Wireframe

User Experience Enhancements:

The user experience will be enhanced through several improvements. The menu structure will be simplified with clear categorization of book collections, making navigation intuitive and efficient.

Project 1: Proposal


Fig. 1.3 Project 1 Slides

Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Final Compilation & Reflection

Image
18/12/2024 /  Week 13 Rio Sato / 0360530 Final Compilation & Reflection Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University WEBSITE LINKS TO EACH TASK 1.1    Task 1: Exercises 1 & 2 1.2   Task 2: Key Artwork & Collateral 1.3   Task 3: Type Exploration and Application SUBMISSION Exercises 1 & 2 25/09/2024 -   16/10/2024 / Week 1 - Week 4 Task 1: Exercise 1 - Typographic Systems Fig. 1.1 Final  Radial   System - JPEG Fig. 1.2 Final  Bilateral   System - JPEG Fig. 1.3 Final  Axial   System - JPEG Fig. 1.4 Final  Modular   System - JPEG Fig. 1.5 Final  Dilatational   System - JPEG Fig. 1.6 Final  Random   System - JPEG Fig. 1.7 Final  Grid   System - JPEG Fig. 1.8 Final  Transitional   System - JPEG Fig. 1.9 Final Task 1 - Exercise 1: Typographic Systems - PDF Task 1: Exercise 2 - Type and Play Fig. 2.1 Compiled pr...
Read more

Advanced Typography | Task 1: Exercises 1 & 2

Image
25/09/2024 -   16/10/2024 / Week 1 - Week 4 Rio Sato / 0360530 Exercises 1 & 2 Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University Lectures: Week 1 - Lecture 1 Advanced Typography: Typographic Systems Typographic systems provide a sense of purpose that focuses and directs the decision-making. Shape grammar is a set of shape rules that apply in a step-by-step way to generate a set, or language, of designs. Fig. 1.1 Axial system (source: type 365) Axial System: All elements are organised to the left or right of a single axis. Fig. 1.2 Radial system (source: type 365) Radial System: All elements are extended from a point of focus. Fig. 1.3 Dilatational system (source: type 365) Dilatational System: All elements expand from a central point in a circular fashion. Fig. 1.4 Random system Random System: Elements appear to have no specific pattern or relationship. Fig. 1.5 Grid system (source: type 365) Grid System: A system of vertical and hor...
Read more

Advanced Typography | Task 2: Key Artwork & Collateral

Image
23/10/2024 -   20/11/2024 / Week 5 - Week 9 Rio Sato / 0360530 Key Artwork & Collateral Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University LECTURES WEEK 5 - LECTURE 5 Advanced Typography: Perception and Organisation Contrast Fig. 1.1 Size (by Carl Dair) Fig. 1.2 Weight Fig. 1.3 Form Fig. 1.4 Structure Fig. 1.5 Texture Fig. 1.6 Direction (by Carl Dair) Fig. 1.7 Colour Fig. 1.8 Form Form: The overall look and feel of the elements that make up the typographic composition. To represent a concept by doing so in a visual form. The interplay of meaning and form brings a balanced harmony both in terms of function and expression. When a typeface is perceived as a form, it no longer reads as a letter because it has been manipulated by distortion, texture, enlargement, and has been extruded into a space. Fig. 1.9 Gestalt theory for organisation INSTRUCTIONS Fig. 2.1 Module Information Booklet - Advanced Typography 2024 Task 2A: Key Artwork ...
Read more