Interactive Design / Project 2: Working Landing Page

-

7.5.2022 - 25.6.2022 (Week 11 - Week 13)
Britney Chow Pei Jun / 0350043 / BDCM
Interactive Design
Project 2: Working Landing Page  

JUMPLINKS

INSTRUCTIONS


PROJECT 2: WORKING LANDING PAGE 

Coding Process

In this project, we are to make our landing page that we designed in the previous project into a website. We are to do this in Dreamweaver or Visual Studio Code. Below is my progression:

Fig 1.1; Coding Progression 1; 

Since we are using bootstrap, so we are to search for the layout that we need in the bootstrap and change a little bit of the codes to go according the way we want them too by using the knowledge we have learnt throughout the module. 

Fig 1.2; Carousel; 

Fig 1.3; Outlook; 

In the previous project, you can see that I have both text and image side by side, however, I noticed that if I did it like this, the text would show first before the image in inspect. The order and the design looks wrong and ugly. So I decided to change it a lot. 

Fig 1.4; Card; 

Fig 1.5; Outlook;

The same applies to the services part, so once again I decide to change it a little bit. 

Final Project 2: Working Landing Page 

Link to Final Project 2: https://landing-page-britney-chow.netlify.app/
        

FEEDBACKS

General Feedbacks: You are allowed to take the codes from the bootstrap website. Websites should have some white spaces. 

Specific Feedbacks: Look at the file that I upload for some reference. If you want sticky top, apply it both at CSS and HTML. 
 

REFLECTIONS

In this project, I feel very sad and frustrated all the time whenever I couldn't get my codes to work the way I want them to. This project feels very different from the ones that we did in the previous sessions. This is also the first time we use bootstrap to do it as well. Though, I couldn't deny that it really makes everything easier that it's supposed to, however, I sometimes still couldn't make it the way I wanted it to and thus have to give up some parts and or change the design. Though, undoubtedly, I have learned much more things that I did compare to the previous exercise as well due to how often I would have to browse the internet to look for solutions to solve the problems I was facing. In the previous exercise, I was able to complete them easily because they were quite easy, plus our lecturer was there to help us. In this project, we have to start everything from scratch. Even so, I was glad I was able to complete them.  

Comments

Post a Comment

Popular posts from this blog

Major Project // Final Submission

-
Image
Week 1 - Week 16 (22.04.2024 - 09.08.2024) Britney Chow Pei Jun / 0350043 / BDCM Major Project Progression INSTRUCTIONS PROGRESSION Week 1 - 2: For the first week, we started our class with Mr. Asrizal giving us a brief on what major project is. He told us that this time we're allowed to be in groups to work on our major project. Furthermore, Mr. Kannan also mentioned how we should brainstorm for our major project. After that I started to think how I should proceed with my major project while in the meantime, searching for partners. I then started to group up with Jia Yee for my major project. We then started to brainstorm for ideas, both of us have came up with all sorts of ideas, yet none of them feels like it would be best suited for us. After coming up with a few ideas we think could work, we started organizing it: Fig 1.1; Ideation 1; Week 1 Fig 1.2; Ideation 2; Week 1; ...
Read more

Game Development // Task 1: Game Proposal

-
Image
1.9.2023- 29.9.2023 (Week 1 - Week 5) Britney Chow Pei Jun / 0350043 / BDCM Game Development Task 1: Game Proposal LECTURES/EXERCISES WEEK 1 In this week's class, we are required to review a game made by our seniors. Fig 1.1; Reaper Test Game; sauce:  TDS Gamezone ; Although the graphic of this game does not feel as good as the other game in Gamezone. However, it is still nice as it uses simple shapes and design, the colors used in the game does not feel very out of place, the background also feels alright, but for my first time playing this game, I did not know about the environment of the game. Furthermore, the music chosen also able to fit in to the game itself. The story of the game is nice as there's a goal behind it. Due to the limitations the developer faces, there won't be more to the story. Moreover, the movement of the character is slightly "slippery" as it sometimes slipped even th...
Read more

Design Principle: Project 2

-
Image
11.10.2021 - 31.10.2021 (Week 8 - Week 10) Britney Chow Pei Jun / 0350043 / BDCM Design Principles Lectures and Project 2 LECTURES  Introduction A designer's role is to solve problems with effective visual communication. Ranging from personal goals to community events, and from corporate functions to world changing projects. Observation Be attentive to your surroundings Pay attention to the details and to be analytical about them Sources of observation can stem from artifacts, daily happenings, physical surroundings, and such.  An active act of acquiring information through the senses, of a subject matter in its natural setting. Senses are important for us to know, feel, understand, analyze and even plan what we want to do. Important to designers as it enables them t...
Read more