Page 1

Website Design

INTRODUCTION Websites have different purposes

As a result, more people from all

depending on the intended

around the world will know

audience. Some are focused

about a business that has a

towards selling products and

website compared to a business

other are focused towards

which doesn’t have a website.

providing information or focused

Setting up an average website is

just towards entertainment. In this

not very expensive. It allows a

modern time, people go on the

business to advertise their

internet for information. It is easy

products at a wider range. It is

to reach and accessible from

also more convenient because it

almost anywhere. Having a

doesn’t require a business and

website for a business serves as a

customer to be face to face just

benefit. It brings a business out in

to trade products or share

the world of the internet.Â

information.


For Honor


Sitemap Home page World of For Honor Maps

Fashion

Heroes

Factions

Game modes

Weapons

Warden

The Knights

Dominion

Armors

Conqueror

The Samurai

Tribute

Forge

Lawbringer

The Vikings

Duel

Citadel Gate

Peacekeeper

Brawl

Cathedral

Warlord

Elimination

River Fort

Raider

Skirmish

Sentinel

About us

Contact

Valkyrie

Kensei

Nobushi

The sitemap was made in PowerPoint to plan the navigation of the site. It gives an idea to the creator and client on how the website’s page will be listed and arranged.

1|Page


Persona

The persona was created with Xtensio. It gives a clear idea on who the targeted audience for the website are.

2|Page


3|Page


Wireframe

The wireframe was created using www.wireframe.cc. This skeleton helps the designer and client to understand how the website will look visually. It shows the page’s layout and how contents are arranged. By looking at the above wireframe, it can be concluded that the welcome page will include a logo, a background video and a big-styled title.

On the wireframe of home page located below, page will consist of background image, hidden navigation panel, texts, subheadings and advertisements.

4|Page


5|Page


Moodboard and colour design

The moodboard was made using canva. It is a collection of images that is related to the website. It gives the client an idea on what types of images will be added to the website. The colour design was made using adobe colour wheel. The colour palette was made with the website’s theme and images’ colour in mind.

6|Page


Font styles

7|Page


These overviews of the fonts are from google fonts. It shows how different font looks after pairing and how their size and styles change looks.

8|Page


Logo and advertisement banner The logo and ads banner were made in canva. There are 3 different ads. One shows an ad containing what offer the game is having, another shows what the website is about using appropriate text and colour and the last one welcomes the audience by saying the word “discover�.

9|Page

Web Design  
Web Design  
Advertisement