Interactive Design / Project 3: Design, Exploration and Application

22/06/2022 - 09/07/2022 (Week 13 - Week 15)
Reagan Val Adelbert Mahadi / 0349177
Interactive Design / Bachelor of Design in Creative Media
Project 3 / Design, Exploration and Application

INSTRUCTIONS



Project 3: Design, Exploration and Application

After finishing my working landing page, I then proceed to make more pages for my websites. Using the same file and CSS file for this project.


Fig. 1 Top Brands

I first created my top brands page, then proceed on making other pages for products and featured.


Fig. 2 Featured page


Fig. 3 Products page

On the navigation bar, I added the button feature to the Croma logo that will be directed to the home page.

I want to focus on my featured page and add more pages for the "LEARN MORE" and "ADD TO CART" buttons. 


Fig. 4 iPhone 13 "LEARN MORE"

In the learn more section, I added a brief explanation of the product and also added the "ADD THE CART" button so it can be interacted with easily.


Fig. 5 iPhone 13 "ADD TO CART"

On this page, the consumers can check up on the price, choose the color and choose the capacity. I also added color change to the color selection buttons when it is hovered.


Fig. 6 Galaxy S22 Ultra "LEARN MORE"

I use the same template for Galaxy S22 Ultra's "LEARN MORE" page. The "ADD TO CART" button is also added to this page.

Fig. 7 Galaxy S22 Ultra "ADD TO CART"

I also added the same template for the Galaxy S22 Ultra's "ADD TO CART". The buttons on the color selection also change color according to the color they picked.


Fig. 8 Footer

I also made the footer interactive. On the right side, it has the list of the products that will be leading to the product's page. The brands will lead to the brands' page.

The link to my website can be found here.

FEEDBACK

No feedback

REFLECTIONS

After learning a lot of things during the process of making my second project, I felt that making this project was much easier. Although it took a long time to make the project but the process of making this was smoother. Maybe it's because the time I spent on the second project was too long since I had to study them one by one. But making a website isn't an easy job for me, it was very tiring and stressful whenever I get to do something wrong in HTML / CSS. I would say this project was a very challenging one and it also took me a long time to do it.


Comments

Post a Comment

Popular posts from this blog

Major Project / Monster Hunter Concept Art

22/04/2024 - 23/07/2024 (Week 1 - Week 14) Reagan Val Adelbert Mahadi / 0349177 Major Project / Bachelor of Design in Creative Media Monster Concept Art INSTRUCTIONS Major Project For our first task, we are required to create a proposal for the project that we are going to make for 14 weeks. After submitting the proposal to the lecturer, we can proceed with our project guided by the selected lecturer that Mr. Asrizal chose for us. I got Mr. Kannan as my lecturer. For this project, I will make concept art for the Monster Hunter game. I proposed: Creating the concept art Creating the icons Creating the respective armor of each monster Creating the 3D design of the monsters Creating the monsters based on other mythological creatures Since the problem of the game is the need for more representation of other creatures from different mythology other than Japanese folklore, I decided to create monsters based on other myt...
Read more

Game Art / Art Bible

Image
07/07/2023 - 17/07/2023 (Week 14 - Week 16) Reagan Val Adelbert Mahadi / 0349177 Game Art / Bachelor of Design in Creative Media Art Bible INSTRUCTIONS Art Bible For the final project, we are required to compile and create a game art bible. We are also required to create splash arts of our characters. I first started making the line art for the characters I made throughout this whole module. Fig. 1.1 Ronin Slayer Line Art Fig. 1.2 Samurai Slayer Line Art Fig. 1.3 Tengu Line Art After finishing the line art, I proceeded to the coloring phase. I made some changes to the characters and used the colors that were used during the first project. I also added light and shade effects to the splash art so that it can look as interesting as it can. Fig. 1.4 Ronin Slayer Splash Art I used a rainy theme to this character since it kind of fits the natural vibe of the charact...
Read more

Illustration and Visual Narrative / Task 3 : Webtoon and Motion Comic

Image
22/10/2021 - 05/12/2021 (Week 8 - Week 14) Reagan Val Adelbert Mahadi / 0349177 Illustration and Visual Narrative / Bachelor of Design in Creative Media Task 3 / Webtoon and Motion Comic LECTURES Week 8 For week 8, we started the module with Ms. Jennifer doing a tutorial for the webtoon project. She showed us her sketch in Photoshop and taught us about panel arrangements, camera angles, compositions and etc.  After sketching several panels we then proceed to a lecture session with Ms. Anis. For the lecture, Ms. Anis presented us with how to make comics.  To startup making comics, we need to come up with an idea. To get ideas, we can get it from our experiences. Good ideas never come from browsing google aimlessly. We can come up with ideas by brainstorming or even mind mapping. 5 Assignment practice (building a mental library) Watch cartoons/movies Play new games Read new mangas/comics/graphic novels Listen to different genres of music (ambient/cultural) Try a new dish. Tryi...
Read more