PROJECT 1: Website Proposal

 Khansa Raudlatus Syahiidah / 0374511

Advanced Typography / Bachelor of Design (Honours) in Creative Media

PROJECT 1: Website Proposal

TABLE OF CONTENTS :

1. Lectures
2. Instructions
3. Proposal
4. Feedback
5. Reflection
1. LECTURES

Three websites key elements :
  • Header
  • Body
  • Footer
    1. Header
    The top section of a webpage. Containing website's logo, navigation menu, and contact information. The header also provide a quick access to essential information and navigation.

    2. Body
    The main content area of a webpage. Containing text, images, videos, and other multimedia elements. Proper organization of content is crucial for readability.

    3. Footer
    Located at the bottom of a webpage. Typically includes copywrite information, link to important page, as well as contact details. The footer provides closure to the webpage and additional navigation options.
   
    4. Organizing content
    - Content organization is key to a well-structured website.
    - Use headings (H1, H2, H3, etc.) to create a hierarchical structure.
    - Logical grouping of content and clear labeling of sections improve user experience

    5. Navigation menu
    - Navigation menus help users move around the website
   - Use clear and concise labels for menu items
    - Consider using dropdown menus for complex sites

Web standards

    The central organization who is responsible for creating and maintaining web standards is the World Wide Web Consortium (W3C).

    How the web works 
    - When you visit a website, the web server hosting that site could be anywhere in the world
    - In order for you to find the location of the web server, your browser will first connect to a Domain Name System (DNS) server

    1. When you connect to the web, you do so via an ISP. You type a domain name or web address into your browser to visit a site

    2 DNS servers are a network of servers that your computer communicates with. They inform your computer of the IP address linked to the requested domain name, much like a phone book would. Every online device has a distinct IP address, which is comparable to that computer's phone number.

    3. The distinct number that your computer receives from the DNS server enables your browser to get in touch with the web server hosting the requested website. A web server is a computer that is always online and configured specifically to provide webpages to users.

4. The web server then sends the page you requested back to your web browser

    Structure of a web page:
        1. Understanding structure
        2. Learning about markup
        3. Tags and elements


    - We come across all kinds of documents everyday; newspapers, insurance forms, catalogues etc
    - Many web pages act like electronic versions of these documents
    - In all kinds of documents, structure is very important in helping readers to understand the messages we are trying to convey and to navigate around the document
2. INSTRUCTIONS


3. PROPOSAL

4. FEEDBACK
    In creating our project 1 website proposal, we first needed to show our chosen "bad website" to Mr. Shamsul before we can proceed on making the proposal. I struggled a little when searching for the right bad website to redesign, but after some time, I had some options to pick from. I showed all options to Mr. Shamsul before he finally accepted on one website I can proceed my task with.
5. REFLECTION

Experience : 
    While working on making my website proposal, there were many observation done as we needed to analyze all pages, noting down the pros and cons of its original website before moving into redesigning it. As I analyze, I finally made a color choices and wireframe on how I plan on redesign it.

Observations :
    It is important to fully look into and understand the website to be able to make a clear plan on redesigning it. Looking into colors, fonts, and layout used in the original website. After we have finish analyzing, It is also important to search for reference ideas in order to plan out your website design look.

Findings :
    There were many aspects that could be improved from the original website, for example, their interactions / navigations, design, color choices as well as the font used. The put down too much information in most of their pages which made them look too crowded and less interesting to look into. Therefore, as I redesign this website, I also plan on simplifying their description / information as well as designing the overall look with a more modern design and a full functioning interactions.

Comments

Post a Comment

Popular posts from this blog

Advanced Typography - Exercises: Typographic Systems & Type & Play

Image
 04/22/2025 / Week 1 - week 3 Khansa Raudlatus Syahiidah / 0374511 Advanced Typography / Bachelor of Design (Honours) in Creative Media Task 1 : Exercises: Typographic Systems & Type & Play  TABLE OF CONTENTS : 1.  Lectures 2. Instructions 3.  Process work     3.1 Exercise 1     3.2  Exercise 2 4. Feedback 5. Reflection 6. Further Reading  1. LECTURES Lecture week 1 :  Pre - recorded lecture :  AdTypo_1_Typographic Systems     Advanced Typography : Typographic systems     "All designs are based on a structural systems". According to Elam, 2007, there are 8 major variations with an infinite number of permutations : Axial Radial Dilatational Random  Grid Modular Trasitional Bilateral     Typograph...
Read more

Minor - Cooling the Heat, Healing the Mind [Group 10]

Image
Khansa Raudlatus Syahiidah / 0374511 Advanced Typography / Bachelor of Design (Honours) in Creative Media Module: Minor Table of Contents: 1. Links     2. Introduction 3. Project: Cooling the Heat, Healing the Mind 4. Feedback 5. Reflection 1. Links Figjam board Main Google Drive Figma app link  (view only) Group 10 final proposal 2. Introduction 3. Project: CHHM Weekly progress Week 1-2: We were proposed the assignment guidelines of the assignments throughout this module and we also formed groups. Then were given the google sheets for the different projects to choose from.  Topic chosen:  Cooling the heat, Healing the mind  Team members :   Khansa Raudlatus Syahiidah As-Sajad (0374511) (team leader) - UI/UX  Erin Samantha Fenner (0381696) - Graphic Design  Feilyc...
Read more

Intercultural design - Everyday design (group 20)

Name :  Khansa Raudlatus Syahiidah As - Sajad Id :  0374511 Course :  Bachelor Design (Honours) in Creative Media Table of content : 1. Lectures 2. Instructions 3. Process work      3.1 Task 1      3.2 Task 2      3.3 Task 3 4. Reflection 1. LECTURES Week 1 Culture & Design The Connection Between Culture and Design Design surrounds our daily lives by creating the interactions between people and their environment including residential buildings as well as ordinary items people use regularly. Beyond its utilitarian values design represents traditional cultural values alongside societal moral traditions that document each developmental phase. A culture gains modern touches through evolution as it upholds its ancestral origins. Design Significance Visual attraction constitutes only one element in the process which determines how people experience things. Some key aspects include: A product demonstr...
Read more