Interactive Design - Project 1 : Landing Page Design
Tan Pei Yun/ 0345386
Interactive Design/Bachelor of Design in Creative Media
Project 1 - Landing Page Design
Interactive Design/Bachelor of Design in Creative Media
Project 1 - Landing Page Design
Instructions
Project 1 : Landing Page Design
"A landing page is a distinct page on your website that's built for one single conversion objective. A landing page should be designed, written and developed with one goal in mind."
Week 4 , 23/09/2022
Research - Digital Fashion Clothing
Research - Digital Fashion Clothing
Fashion influencers live and die by their outfit posts. A quick Instagram
search of the immortal hashtag #ootd spews up more than 200 million
post, plenty of which are tagged by people likely to wear the clothes
once, just to get that post, before relegating it to the back of their
endless wardrobe.
A brand new sector of digital-only clothing is rising in the fashion
industry. Virtual fashion, in contrast to physical fashion, is designed
and marketed for avatars and virtual platforms. Brands are entering the
digital world with virtual samples or entire collections, and some brands
are completely digital. Digital fashion is a solution for the environmental impact of mass
consumption and the ongoing demand for new clothes by online
influencers. Due to being digital-only, the garments is described as being “completely without negative environmental
impact.”
Below are some groundbreaking brands in virtual fashion and
digital clothing :
|
|
|
|
| Fig 1.2 Virtual fashion brands - Carlings |
|
| Fig 1.3 How Virtual Clothing Works |
During research, I found the brand Carlings offers with its Digital Fashion a solution for the
environmental impact of mass consumption and the on going demand for
new clothes by online influencers. Hows does Virtual Clothing actually works ? Based on Carlings, their
titled “Neo-Ex,” the collection works by users uploading a posed picture
of themselves. Once the picture has been uploaded, and the digital
pieces purchased, Carlings’ team of 3D designers fit the clothes to the
image to make it appear that the user is wearing the pieces in real
life.
Moodboard & Visual reference
|
| Fig 1.4 Visual reference #1 |
|
| Fig 1.5 Visual reference #2 |
Colour Palette
|
| Fig 2.0 Messy Colour / Mood-board |
|
| Fig 2.1 Color palette |
I used Pinterest by helping me to get some ideas in choosing a set of
colour palette. Somehow, the colourful gradient and holographic really
catch my attention every time I scroll in Pinterest.
Wireframes
|
|
Fig 3.0 - 20 wireframes in miro board |
For our task, we are required to do with minimum of 20 sketches /
wireframe for our landing page. Here are my progress of miro board. Its
my first time doing the wire-frame in miro. I try to look at some
beginner guide and tips in using before I start my wireframes
design.
Link to my miro board :
https://miro.com/app/board/uXjVPUT4MZw=/share_link_id=133826694816
Digitisation Progress in Illustrator
 |
| Fig 4.0 Progress of landing page in Ai |
In the digitisation progress, I decided to use Illustrator as I am more familiar with using this software than using Figma, I put the colour board beside the artboard for me to easier to refer with and to make sure the landing page is in a consitent colour. Overall I quite satisfied with the outcome.
Final Proposal Landing Page Design
Feedback
Feedback given from Mr Shamsul , he suggested that the space in my landing page design should be not too tight , give me slightly little more space in each section , but overall he likes the idea of digital fashion design website and suggested to moving on to next stage.
Further Reading
Comments
Post a Comment