INTERACTIVE DESIGN - PROJECT 1 & 2 - LANDING PAGE AND MICROSITE DESIGN
17.05.2022 - 26.06.2022 (Week 8 - Week 13)
Christie Angelica Bakhary / 0350655
Interactive Design / Bachelor of Design in Creative Media
Project 1 & 2: Landing Page and Microsite Design
INSTRUCTIONS
PRACTICAL
Project 1
Sketches
For project 1 we're required to create a landing page for a microsite of any topic we're choosing. The topic I chose is a microsite for a fashion brand, which I chose to create for an existing brand. After thinking and going through some brands, I decided to make a landing page design for one of an Indonesian local brands, FRIO Studio.
Digitization & Coloring
Firstly, I create the Friostudio logo using the font Helvetica Oblique Bold, as it is the closest one to the real logo.
 |
| Fig.3.x Frio Studio Logo Making |
Next, I proceed to do the digitization based on my chosen sketches
 |
| Fig.3.x Digitization |
Font used:
1. Helvetica Bold Oblique (Logo)
2. Helvetica Bold
3. Montserrat Ultrathin
4. Montserrat Regular
Final Submission
 |
| Fig.3.x Final landing page design - JPEG |
Fig.3.x Final landing page design - PDF
Project 2
Progression
For our project 2, we were first introduced to Bootstrap by Mr Shamsul before starting with our own progress. We learned how to get Bootstrap from getbootstrap.com and how to bring the templates over to Dreamweaver.
So then, I proceed to Dreamweaver and use Bootstrap as my main code reference. By using it, it makes all the coding progress a lot easier.
Comments
Post a Comment