INTERACTIVE DESIGN | FINAL PROJECT: CREATING A SINGLE-PAGE WEBSITE

-

 INTERACTIVE DESIGN | FINAL PROJECT: CREATING A SINGLE-PAGE WEBSITE

04.07.2024 - 10.08.2024 Week 11- Week 14
Tyra Franchesca Valerie Anthony / 0368223 / Bachelor of Design (Honours) in Creative Media interactive Design / Taylor's University

FINAL PROJECT: CREATING A SINGLE-PAGE WEBSITE

Lectures

All Lectures are on interactive-design.html

Instructions


FINAL PROJECT
Creating a Single-Page Website

For this project, we need to create a single-page website dedicated to our favorite topic.
This final project is to help us by developing our web design and development skills that we have learned to showcase our passion for the topic that we have chosen.

We are to choose our favorite topic as the subject of my website. Ensure you are to create an interesting topic with a topic that am passionate about as to create a well engaging website. 

Content:
Your content should have at least 5 sections that explain the topic of interest. It should engage and significant to the topic. You should also include one CTA button that reflects the content.  

Design Elements:
Choose a color scheme and fonts that reflect the artist's style or your taste.
Ensure a visually appealing layout with a balanced use of text and multimedia.
Create a responsive design that adapts to different screen sizes (mobile-friendly).

Navigation: Implement smooth scrolling navigation or a simple menu that allows users to jump to different sections of the page.

Interactivity: Consider adding interactive elements such as image sliders, hover effects, or lightboxes for multimedia content. 

Week 11- Brainstorming

The fist that came to my mind was music while I was listening to one of my favorite 80s and 90s boy band the Boyz II men, I grow up listening to their music that when i grow up i became a fan of their songs from (End of the Road to water Runs Dry) my most listening on my playlist how their music brings so many emotions and off your fit that makes you vibe with the flow of music.

For my topic I decided to great website that display their music and history and also the tragic of one of the members that had to quit because of a health problem that would leave him paralyzed and he left the group in 2003.

I went straight to researching my references that matches my (RNB) website examples but i will also take references on the exiting website of the bands that will help me relate with searching different layout also. https://boyziimen.com/


Fig.1.1 The original website of the band

Fig.1.2 Mood board References of RNB website design.

Sketches

Fig 1.1 First sketches for the prototype idea 

Came up with 7 ideas that i had in mind just placed it on paper to get more better view of the website trying to keep it simple as possible not complicated, well balance also the layout that everything follows to make the page well present.



Comments

Post a Comment

Popular posts from this blog

TYPOGRAPHY 1- EXERCISES

-
Image
TYPOGRAPHY - Exercise 1 September 26, 2023 Date: 2023.09.26 - 2023.09.24 ( Week 1- Week 2 ) Tyra Franchesca Valerie Anthony / ID: 0368223 / Bachelor of design (Honours) in creative media Class: Typography (GCD60104) Taylor's University Lakeside Campus   Task: 1 Lecture Summary Week 1 lecture My first class was alright we do not do much just we were introduced by our lecture and that is Mrs. Hsin and Mr. Vinod to explain us about our class and module this semester and also showed us how to set up the adobe illustrator that we will be using most of the time, at first, I didn't find it difficult because I have used it before just for the blogger was a first for me. Week 2 Creating my blogger, I didn't understand how to do it and we were given our first task to do that I was having problems with adobe also. INSTRUCTION <iframe src="https://drive.google.com/file/d/1p5uVjPeyXtJ1jgk6Dq5-gytDEtzNby-y/preview" width="640" height="480" allow="a
Read more

ADVANCE TYPOGRAPHY

-
Image
ADVANCE TYPOGRAPHY/ TASK 1: EXERCISE 1&2 22/04/2024-13/05/2024 Week 1- Week 4 Tyra Franchesca Valerie Anthony/ 0368223 Advance Typography / Bachelor of Design (Hons) in creative media / Taylor's University Task 1: Exercise 1&2 LECTURES 1 (WEEK 1 TYPOGRAPHIC SYSTEM The Typographic system refers to the structured hierarchy and organization of type within a design. It encompasses various elements such as typefaces, font sizes, line spacing, line length, and color choices that works together to create a cohesive and harmonious design also layout when using the 8 typographic system. Week 1: We were explaining the module how it would be that Mr. Vinod briefs us about and also how to begin preparing ourselves. Fig.22/04/2024 Week 1 The above are examples of the 8 typographic system.  Axial Radial Dilatational Random Grid Modular Transitional Bilateral Fig.1 28/04/2024 week 1 Axial: All elements are organized to the left or right of a single axis. Radial: All elements are extende
Read more

INTERACTIVE DESIGN

-
Image
 INTERACTIVE DESIGN/ EXERSICES 24.04.2024 - 13.06.2024 Week 1 - Week 8 Tyra Franchesca Valerie Anthony / 0368223 / Bachelor of Design (Hon) in Creative Media  Interactive Design / Taylor's University EXERCISES 1,2,3 LECTURE Week 1  Introduction to the module Mr. Shamsul introduce us with the topic that we will be doing and also what types of activities we will doing and also projects, the different platform the will be working on this semester. In also our class exercises will be showing our understandings wed designs and more by learning with prototypes and developing our progress. Week 2 We were introduced with the Anatomy of web pages that sir explain to in class on Wednesday how to use and the elements that comes with it. https://blog.tubikstudio.com/anatomy-of-web-page/?authuser=1&hl=en   And we were also assigning with task 2 by replicating an existing website as same as possible as we can to see our aspect. We need to choose two  website and replicate it using illustrato
Read more