Webpage Design | Portfolio

Running head: WEBPAGE DESIGN
WEBPAGE DESIGN
Name of the Student
Name of the University
Author Note

WEBPAGE DESIGN1
Table of Contents
Portfolio 1.1.....................................................................................................................................2
Portfolio 1.2.....................................................................................................................................3
Page Design.................................................................................................................................3
Visual Diagrams..........................................................................................................................8
Portfolio 1.3.....................................................................................................................................9
Site Specification.........................................................................................................................9
Flowchart.....................................................................................................................................9
Portfolio 1.4...................................................................................................................................11
CSS............................................................................................................................................11
Portfolio 1.6...................................................................................................................................13
Portfolio 1.7...................................................................................................................................14
Box Model Conventions............................................................................................................14
Bibliography..................................................................................................................................15

WEBPAGE DESIGN2
Portfolio 1.1
Site Title: Flying Hobbies.
Developer: WIMP Engineering R&D Consultants.
Focus: To provide details of Toy Planes, Kites and Quad copters shop, is the main focus of this
website. It provides an overall layout of the shop. It also shares the details of shop opening hours.
The website includes products, floor map, timings and contact details of the shop.
Main Elements: The website has the main elements as the products page and shop floor map.
The products are based on flying objects and floor map helps in understanding the shop layout
and which section have which type of products.
Content: Main contents of the websites are based on web pages where three are product pages,
one is home page, one is shop opening details and one is contact us page.
Target Audience: The target audiences for this website are the children and people who like to
play with flying toys, mostly drones and quad copters. Kites are also liked by adults and teens.
The toy planes are specifically for the children.
Design Consideration: Development of the website is the main aim of this design while
considering the learnability, usability and friendliness of the design. It should be a simple and
easy interaction between the user and website. The contents of the website should be easily
findable.
Limiting Factors: The limiting factors of this project is the styling of the contents. Choosing
colors, shape, views etc. are the main parameters of the website that attracts users and makes the

WEBPAGE DESIGN3
interaction user friendly. All the products image have been shown in a box view. This enables
the viewing of the images as same resolution despite of having different resolutions.
Portfolio 1.2
Page Design
Figure 1: Home page
Source: created by author