PROJECT 2-WORKING WEB

-

 PROJECT 2-WORKING WEB

24.04.2024 - 13.06.2024 Week 1 - Week 8
Tyra Franchesca Valerie Anthony / 0368223 / Bachelor of Design (Hon) in Creative Media 
Interactive Design / Taylor's University

PROJECT 2: WORKING WEB

LECTURES

All lectures are on Interactive Design 1 Exercises

INSTRUCTIONS

PROJECT 2
Working Web Page

On this exercise we had to transform our previous prototype from project 1 a full functional web page. Based on our CV 'Resume' that we have done before and know just to break down and understand the HTML and CSS codes to procced with the layout, typography and also color and images.

Requirements:

The objective of this assignment is to transform your static prototype from Project 1 into a fully functional and interactive web page. You will apply your knowledge of web layout class to create a working website that closely aligns with your original prototype.

Review your static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery.

Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype.

Aim for pixel-perfect precision while maintaining responsive design principles to ensure compatibility across different devices and screen sizes.

Upload the file in Netlify, update your e-portfolio with all the processes documented in the blog, and submit the link as a submission

Final outcome of my CV that i have chosen Fig.1.1

First attempt of my CV Fig.1.1


Final Process For my CV

CSS

HTML


Link here: https://draft.blogger.com/u/1/blog/post/edit/3096202444714324097/3306147946569168205#

Link for website: https://aquamarine-cendol-df2116.netlify.app/

Comments

Post a Comment

Popular posts from this blog

Packaging and Merchandising Design/Exercise

-
Image
  Packaging and Merchandising Design / Exercise 23 Sep 2023 - 2 Oct / week 1 - week 4  Tyra Franchesca Valerie Anthony Packaging & Merchandising Design / Bachelor of Design (Hons) in Creative Media / Taylor's University  INSTRUCTION EXERCISES Exercise 1: Case Study Analysis final case study Exercise 2: Box-Making Fig 2.2 Hand Cream Fig 2.3 Toothbrush box Fig 2.5 Box # 1 Hand Cream  fig 2.6 box #2 Sun Cream REFLECTION  FEEDBACK week 4  make a new design of the cream packaging for week 5 to come and show the design  week 3  make measurements simple as the design  make everything align do not make anything larger than the design  continue and submit in drive week 2  do not just create a design choose one is easy to do and work with week 1  update the google drive  OBSERVATION During this design process learning something new that would be helpful for me to learn as taking a cream and toothpaste to create a new box for the...
Read more

ADVANCE TYPOGRAPHY

-
Image
ADVANCE TYPOGRAPHY/ TASK 1: EXERCISE 1&2 22/04/2024-13/05/2024 Week 1- Week 4 Tyra Franchesca Valerie Anthony/ 0368223 Advance Typography / Bachelor of Design (Hons) in creative media / Taylor's University Task 1: Exercise 1&2 LECTURES 1 (WEEK 1 TYPOGRAPHIC SYSTEM The Typographic system refers to the structured hierarchy and organization of type within a design. It encompasses various elements such as typefaces, font sizes, line spacing, line length, and color choices that works together to create a cohesive and harmonious design also layout when using the 8 typographic system. Week 1: We were explaining the module how it would be that Mr. Vinod briefs us about and also how to begin preparing ourselves. Fig.22/04/2024 Week 1 The above are examples of the 8 typographic system.  Axial Radial Dilatational Random Grid Modular Transitional Bilateral Fig.1 28/04/2024 week 1 Axial: All elements are organized to the left or right of a single axis. Radial: All elements are extende...
Read more

INTERACTIVE DESIGN

-
Image
 INTERACTIVE DESIGN/ EXERSICES 24.04.2024 - 13.06.2024 Week 1 - Week 8 Tyra Franchesca Valerie Anthony / 0368223 / Bachelor of Design (Hon) in Creative Media  Interactive Design / Taylor's University EXERCISES 1,2,3 LECTURE Week 1  Introduction to the module Mr. Shamsul introduce us with the topic that we will be doing and also what types of activities we will doing and also projects, the different platform the will be working on this semester. In also our class exercises will be showing our understandings wed designs and more by learning with prototypes and developing our progress. Week 2 We were introduced with the Anatomy of web pages that sir explain to in class on Wednesday how to use and the elements that comes with it. https://blog.tubikstudio.com/anatomy-of-web-page/?authuser=1&hl=en   And we were also assigning with task 2 by replicating an existing website as same as possible as we can to see our aspect. We need to choose two  website and replicate...
Read more