INTERACTIVE DESIGN / PROJECT 2

╎Gwendalyn Firly Bong / 0374580

╎Bachelor of Design (Honours) in Creative Media

╎Project 2

TABLE OF CONTENTS

I. Instructions

II. Project 2

III. Reflection

I. INSTRUCTIONS 

II. PROJECT 2 

Figure 1: Final Proposal PDF

Redesign Goals:

  • Reorganize the website structure for better flow and usability
  • Enhance brand alignment
  • Modernized Look
  • Improve accessibility and performance

    Process

    original idea


    Home Page Features


    • Hero Section
      • A call-to-action button to engage users
      • Mascot integration 
    • Navigation Bar
      • Located at the top for easy navigation, contains important features such as home, about, shop, and contact
    • Store Search Section
      • An interactive map and search bar for easy searching
    • Topics Section
    • Contact Section
      • Quick contact section at the bottom of the page

    About Us Page Features

    `

    • What is Don Quijote?
    • Why is it chosen by customers?
    • Contact Section
      • Quick contact section at the bottom of the page
    Contact Page Features


    • Contact section (1)
      • A more detailed contact section for those interested in the other branches
    • FAQ section
      • Frequently asked questions 
      • Interactive (Hover)
    • Contact section
      • Quick contact section at the bottom of the page

    Design Decisions
    • Bright color scheme
    • Gradients
    • Soft rectangular sections
    • Simple font use for better readability

    Figma link!: Link

    III. REFLECTION

    Experience
    As this was my first time using Figma, I initially struggled a lot. But through the use of YouTube and TikTok tutorials, I was able to tackle more difficult issues and eventually get the hang of it. 

    Observation
    Interactive parts of the website help draw users in and increase their enjoyment. Call-to-action buttons, playful animations, and images help engage users. 

    Findings
    Before building a website, it is important to create a prototype first to see and understand the flow. Without it, the whole thing will be a bigger challenge for us to code and make.













    Comments

    Post a Comment

    Popular posts from this blog

    ADVANCED TYPOGRAPHY / TASK 1: EXERCISES

    Image
    ╎Week 1 - Week 4 ╎Gwendalyn Firly Bong / 0374580 ╎Bachelor of Design (Honours) in Creative Media ╎Task 1: Exercises: Typographic Systems & Type & Play TABLE OF CONTENTS I.  Instructions II.  Lectures III.  Exercises IV.  Feedback V.  Reflection VI. Further Reading I.  INSTRUCTIONS   II. LECTURES Week 1: AdTypo_1_Typographic Systems Typographic Systems "All design is based on a structural system" 8 major variations:  Axial System: All variations are organized to the left or right of a single axis Radial System: All elements are extended from a point of focus Dilational System: All elements expand from a center point in circular fashion Random System: Elements appear t...
    Read more

    DESIGN PRINCIPLES / TASK 1: EXPLORATION

    Image
    ╎Week 1 - Week 3 ╎Gwendalyn Firly Bong / 0374580 ╎Bachelor of Design (Honours) in Creative Media ╎Task 1: Exploration TABLE OF CONTENTS I. Instructions II. Lectures III. Exploration IV. Feedback V. Reflection VI. Quick Links I.  INSTRUCTIONS   II.  LECTURES Visual communication Utilizing design to convey purposeful messages to a target audience Designs must be well thought-out and executed Elements of Design Point/Dot The simplest element of design When used as a repetitive mark, it forms a line As it moves in space, 2D and 3D forms are created Line ...
    Read more

    DESIGN PRINCIPLES / TASK 2: VISUAL ANALYSIS & IDEATION

    Image
    ╎Week 3 - Week 5 ╎Gwendalyn Firly Bong / 0374580 ╎Bachelor of Design (Honours) in Creative Media ╎Task 2: Visual Analysis & Ideation TABLE OF CONTENTS I.  Instructions II.  Lectures III.  Exploration IV.  Feedback V.  Reflection VI. Quick Links I.  INSTRUCTIONS   II.  LECTURES Visual Analysis A method of understanding design that focuses on the visual elements and principles To recognize the choices that a designer made in creating the design To understand how the formal properties of a design communicate ideas, content, or mea...
    Read more