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

Packaging and Merchandising Design/Exercise

-
Image
  Packaging and Merchandising Design / Exercise 23 Sep 2023 - 2 Oct / week 1 - week 4  Tyra Franchesca Valerie Anthony Packaging & Merchandising Design / Bachelor of Design (Hons) in Creative Media / Taylor's University  INSTRUCTION EXERCISES Exercise 1: Case Study Analysis final case study Exercise 2: Box-Making Fig 2.2 Hand Cream Fig 2.3 Toothbrush box Fig 2.5 Box # 1 Hand Cream  fig 2.6 box #2 Sun Cream REFLECTION  FEEDBACK week 4  make a new design of the cream packaging for week 5 to come and show the design  week 3  make measurements simple as the design  make everything align do not make anything larger than the design  continue and submit in drive week 2  do not just create a design choose one is easy to do and work with week 1  update the google drive  OBSERVATION During this design process learning something new that would be helpful for me to learn as taking a cream and toothpaste to create a new box for the...
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...
Read more