Landing Page design

Landing Page design

20 September 2022  (Week  4)
Mabuchi ARATA / 0351579 
Typograohy / Bachelor of Design (Hons) in Creative Media

1, Introduction

 From this week, we're going to design about Landing Page design which is a distinct page on your website, to alter to say, it's "standalone web page, created specifically for a marketing or advertising campaign.", so basicallt it's the first webpage that visitor firstly see when they click the link. 

This e portfolio may be not enough quality for what lectuerer expects, but I made up 4 different ideas for landing page design

2, Processes

First of all, all of my processes was started to checking references I've found, the website that I aimed to make was "Video game News website" like IGN, therefore I found several different video game news websites as references and then I evaluate them into three different categories to find out what is the good website design.
When I looked through these website shown above, I found several interesting ideas that can be used for my designing Landing webpage design as shown below.
・Items should be organized.
・Information should be combined to make it simple to see.
・The information that you want to focus first place must be big.
・The sentences mustn't be too long.
・The website title have to be small.
・Most of the website doesn't have much decoration, reduce design to emphasise ionformation.
I gathered these kind informations to make a brief ideas for my landing page design as shown below.





These ideas may be seen too simple, but I construct the ideas for designing landing page and I moved to the real creation part, this is because I had other work to complete and I was required to complete them too, so I had less time to complete my works.
To explain the landing page from top, I tried to make the title of the website, menu bar and research icon smaller to redice its existence, Every Video game news websites I've looked through has smaller website titles to avoid emphasise the icon of website. 
Secondary, I made the image of top news bigger to emphasise information I mostly want to tell. As shown above, the most current and important news header is bigger in the all of image above, 3rd and 4th landing idea can scroll so we can automatically look through current video game news.
Thirdly, I didn't arrange or decolate the each news/topics icon too much. the reason for this is most of the websites I've looked through, the normal news icon doesn't have any specific decoration, I guess this is because the news which is not either current or important shouldn't emphasise too much to attract viewer's attention. As the result, the icon of old news tends to be small.
Finally, I applied the link to SNS and all basic access to the informaion about the organization to run the website itself. I regret that I should have researched more about design about this part, however, I guess that because of the priority to show this information is lower than others, the design might tend to get simple and less attractive.
In the end, I should have focused more to develop the ideas to create my landing page ideas more, however, I'm so glad to have a advanced idea to develop my own video game website landing page.

3, References

Website references
・IGN.com
・DESTRUCTOID.com
・Gameinformer.com
・nintendolife.com
・GAMESPOT.com
・CHRISTCENTEREDGAMER.com
・Taboola Blog "How to Design a Great Landing Page: A Step-by-step Guide and Best Examples"

Image references I used in the landing page design.
・https://www.freepik.com/free-vector/boxers-fighting-ring-cartoon-illustration_6610154.htm#query=boxing&position=6&from_view=search

























コメント

このブログの人気の投稿