Final Project - Creating a Single-Page Website
Final Project - Creating a Single-Page Website
Rafa Maritza Hertrian [0364958]
Bachelor of Design (Honours) Creative Media/ Taylor's University
Interactive Design GCD 60904
INSTRUCTIONS
Project Overview:
In this web design project, you will create a single-page website
dedicated to your favorite topic. This project will help you develop
your web design and development skills while allowing you to showcase
your passion for the topic of your choice.
Project Requirements:
Artist Selection: Choose your favorite topic as the subject of your
website. Ensure you are genuinely interested in the topic, as this will
help you create a more engaging website. Decide the site's goal to
ensure that the site has clear content.
Content:
Your content should have at least 5 sections that explain the topic of
interest. It should engaging 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.
Project Overview:
In this web design project, you will create a single-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to showcase your passion for the topic of your choice.
Project Requirements:
Artist Selection: Choose your favorite topic as the subject of your website. Ensure you are genuinely interested in the topic, as this will help you create a more engaging website. Decide the site's goal to ensure that the site has clear content.
Content:
Your content should have at least 5 sections that explain the topic of interest. It should engaging 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.
In this web design project, you will create a single-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to showcase your passion for the topic of your choice.
Project Requirements:
Artist Selection: Choose your favorite topic as the subject of your website. Ensure you are genuinely interested in the topic, as this will help you create a more engaging website. Decide the site's goal to ensure that the site has clear content.
Content:
Your content should have at least 5 sections that explain the topic of interest. It should engaging 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.
PRACTICAL
First of all, the students were instructed by Mr. Shamsul to create a proposal that consisted of a Mood board, reference images, font choices, color palette, and wireframe sketch.
Then I proceeded to research Wave to Earth and collected the images I plan to use on the website I'm making. I also collected information about them that I will include.
I began to create the prototype in Figma following the wireframe I created. However, while creating it, I made a few adjustments.
this is the link to my Figma: https://www.figma.com/design/a6VMnXPyATw3TSoA1nE7aB/Interactive-Design-Final-Project?node-id=0-1&t=AUJrCpdnlrEGsvLr-1
I placed the contents in Dreamweaver according to the order I created in Figma. Then, I created the CSS to proceed with styling the website.
For the member part, I used the in-line block method to align like below.
Comments
Post a Comment