Interactive Design: Landing Page

18/5/2022 - 14/6/2022 / Week 8 - Week 12

Seojeong Kim / 0350085

Interactive Design / Bachelor of Design (Hons) in Creative Media

Project 1 & 2 - Landing Page






Instruction





Week 8 (18/5/2022)

Project 1: Landing Page Design

- For this project I will have to create a landing page on the topic of our choosing and do our own research on the microsite. I need to create 5 landing page design sketches.

- I have chosen the Fashion Store as my theme for this and my final project. Because I am very interested in fashion and I have a passion to create my own fashion store at least once.




Landing page design sketches:




- After my sketch, I thought I had to decide on the color first. So I made my favorite colors yellow and black the main colors for this site.




Final Project 1: Landing Page Design






Week 11 (8/6/2022)

Project 2: Working Landing Page 


- On my first attempt at creating my landing page, I got a lot of errors. I followed what I saw and learned, but my page got a lot of errors and the code didn't respond. Creating the layout I wanted was very difficult and time-consuming.




- First of all, I worked to imitate the layout I designed as much as possible. Some parts worked perfectly and came out with the same design, but a few pages didn't give the feel of the layout I wanted.

- Using the replay of the module, I re-studied what I had learned several times.










Final Project 2 Working Landing Page:


Link: http://project2-landingpage-seojeongkim.netlify.app/





Reflection


- When I started Project 1, I had no idea what kind of hardship I would go through. When designing the landing page, I had a lot of fun, and various tasks such as sketches were very interesting. But when I started making pages, I went through a lot of trial and error. I have replayed the classes I have taken many times using the Zoom link, and I have searched a lot using the Internet such as YouTube and Google. After completing this project, I felt very satisfied and it seemed that I learned more about coding.




Comments

Popular posts from this blog

Typography / Task 2: Typographic Exploration and Communication

Illustration and Visual Narrative: Final Compilation and Reflection

Design Research Methodology: Critical Review