INTERACTIVE DESIGN / FINAL PROJECT : Single-Page Website (Favourite Artist)
19/09/2023 - 10/12/2023 (Week 4 - Week 14)
Agnes Fadhyllah / 0360503
Interactive Design / Bachelor of Design (Hons) in Creative Media
INTERACTIVE DESIGN / PROJECT 1
Instructions
Module Information Booklet
<iframe
src="https://drive.google.com/file/d/1hlUEX_nNsOn4sYQiivWQV-oOAILD6cWQ/preview"
width="640" height="480" allow="autoplay"></iframe>
Project 1 : Interactive Design
Instructions
Project Overview:In this web design project, you will create a single-page website dedicated to your favorite artist. This project will help you develop your web design and development skills while allowing you to showcase your passion for the artist of your choice.
Project Requirements:
Artist Selection: Choose your favorite artist as the subject of your website. It can be a musician, painter, actor, or any other creative individual or group. Ensure you have a genuine interest in the artist, as this will help you create a more engaging website.
Content:
Your single-page website should include the following sections:
Header with the artist's name and a brief tagline.
Introduction: Provide an overview of the artist's background and why you admire them.
Gallery: Showcase images, videos, or other multimedia related to the artist's work.
Biography: Include a brief biography or description of the artist's life and career.
Contact Information: If applicable, include contact details or links to the artist's social media profiles.
Design Elements:
Choose a color scheme and fonts that reflect the artist's style or your personal 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.
Wireframe Sketch
We were tasked to create a website for our favorite artist, and the artist i have chosen is DPR IAN because ive been a big fan of him, Previously We were tasked to make a CV and i thought i have to make in a web format, and turns out im not supposed to make it into a website, but either way i've already liked how it looks so i decided to use the same wireframe and Figma digitalization. here are the wireframes i sketched for the website.
Figure 1.0 Wireframe sketches
After making the sketches i decided to cut each of them and end up combining
it all into one wireframe.
Figure 1.1 Final Wireframe
Figure 1.2 Progress #1
After making the layout i start tweaking the stuff so it will look better
and adding more information and details into the website prototype.
Figure 1.3 Progress #2
Afterwards i changed the contents and tweaked it into DPR IAN website, by
adding introductions, biography, his latest albums, and his platforms, and
this is the result
Figure 1.3 Progress #3
Figure 1.3 Progress #3
Figure 1.4 Progress #3
There were alot of tweaking and improvision of the original wireframes. it
was a really fun process, i keep on changing alot of things until im finally
satisfied with the result at the end.
Website that i used as a reference :
Figure 1.5 Reference.
Fonts Used :
- Heading 1 : Octuple Max
- Heading 2: Planet Kosmos & Hypik
- Body : VCR OSD Mono & Vermin Vibes 1989
Photos :
- Images Source : Pinterest
Colour Scheme :
Figure 1.6 Color Scheme
Making a Functional Web
After finishing with the prototype, i start working on making the
website.
Figure 2.0 Hero Progress
Figure 2.1 Hero Progress
Figure 2.2 Intro Progress
Figure 2.3 Biography Progress
Figure 2.4 Works Progress
Figure 2.5 Contacts Progress
Figure 2.0 Hero Progress
Figure 2.1 Hero Progress
Figure 2.2 Intro Progress
Figure 2.4 Works Progress
Final Outcome
Feedback
- None are given.
Reflection
- Same as previous assignment this assignment is really fun however it takes a very long time for me due to other workloads however i enjoyed it till the end, there were alot of challenges but i got a help from youtube and friends for it, would i ever make a website again in the future? probably
Comments
Post a Comment