INTERACTIVE DESIGN / Final Project

26 June 2024 - 4 August 2024 (Week10-15)
Kaho Yamaya / 0364278
Interactive Design / Creative Media / Taylor’s University
Final Project- Create a single web page
JUMP LINK

INSTRUCTIONS

Fig 1.1 Instructions for this project, PDF

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.
SUBMISSIONS

WEEK10

Fig 2.1 Week10 Content Structure, PDF, Week10 (26/6/2024)

Before starting this project, I made flow of my webpage. I chose my webpage is for introduce my hometown- "Niigata". My home town is far away from famous cities like Tokyo, Osaka, Hokkaido. And also having no popularity, so I want to introduce here for people who don't know.


Fig 2.2-4 Reference web page structure, Week10 (26/6/2024)

My lecturer said, we need good example to create webpage. So I searched some webpage structure to get reference.

WEEK12

Fig 2.5 Draft Structure, Week12 (10/7/2024)

After decided page structure, I made draft structure in Figma. I felt my content had too much stuff, so I change my contents a little.

WEEK14


Fig 2.6,7 Working screen shot, Week14 (26/7/2024)

I start create my page in dreamweaver. I focused to make my code more clear than my last work because I was so upset to my messy code.

FINAL WEBPAGE

Fig 3.1 Final Web Page, Week14 (28/7/2024)



Back to the top
REFLECTIONS

In this project, I could make my ideally screen in dreamweaver. However, it took too many time for coding. I couldn’t used to it, but I felt coding is interesting through this task. I searched professional work before start creating structures and I could get knowledge for make smooth eye movement in web page. I was too upset for last project and couldn’t make smooth eye movement in my pages. So I keep myself not rushing and try clear coding in here.


Comments

Post a Comment

Popular posts from this blog

Digital Matte Painting / All Exercises and Projects

Image
24 Sep 2024 - 10 Jan 2025 (Week1-16) Kaho Yamaya / 0364278 Digital Matte Painting / Creative Media / Taylor’s University Exercises 1&2, Project1-3 JUMP LINK ・ Submissions ・ Feedback ・ Reflections INSTRUCTIONS Fig 1.1 Instructions for this module, PDF SUBMISSIONS For the first exercise, we need to get a fundamental knowledge for the field painting. To get these sense, we are going to do a edit on landscape picture to several time (morning, noon, twilight, night). Fig 2.1 Original landscape pic, Week1 (24/9/2024) This picture is for my original reference. I will use Photoshop for editing. Fig 2.2-5 Edited pictures, Week1 ( 26/9/2024) As the time and the sun goes, I edited the shadows in these pictures. The backgrounds in here are mountains, so I added some white in here because the objects paled out by the air.  Fig 2.6-8 Working screen of landscape drawing, Week2 (6 /10/2024) In this exercise, students requires to draw exact the same colour with their reference image. Student...
Read more

Information Design / Project1

Image
17 Feb 2025 - 10 Mar 2025 (Week3-6) Kaho Yamaya / 0364278 Information Design / Creative Media / Taylor’s University Project1: Animated Infographic Poster JUMP LINK ・ Lectures ・ Submissions 　・ Infographic Poster 　・ Minimal Animated Infographic ・ Feedback ・ Reflections INSTRUCTIONS Fig 1.1 Instruction of this module, PDF LECTURES Past lectures(W1-W7) are in  Exercise  post SUBMISSIONS DESCRIPTION:  After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text. REQUIREMENT: Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics. Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic: PART 1: Infographic poster (10%)       ...
Read more

Major Project Ⅰ / Task1: Proposal

Image
3 Feb 2025 - 23 Feb 2025 (Week1-3) Kaho Yamaya / 0364278 Major Project Ⅰ / Creative Media / Taylor’s University Task1: Proposal JUMP LINK ・ Reflections PROGRESS From the week2 meeting, we decided our team's goal as animation. The basic storyline is come from Yong. The main characters are three. Father(protagonist), Mother, and daughter. We try to find references for character, world/environment, scene, artstyle, colour, and architecture.  Fig 1.1  Miro board progression, Week2 (12/2/2025) Fig 1.2  Storyline rough sketch, Week2 (16/2/2025) Before we proceed the sketches, I made a rough sketch of storyline(main event) to visualise and share the idea with all team members. Fig 1.2 Animation references, Week3 (17/2/2025) After we decided our decision, we started to find animation references. I suggested the stylised art style before we start to find the references because it makes our research more easy.   Fig 1.3 Environment sketch reference, Week3 (17/2/2025) Fig...
Read more