Pearson BTEC Level 3 National
Foundation Certificate in Information
Technology
Website Development - Unit 6
Assignment 1
Learning outcomes: A
Contents
Introduction:............................................................................................................................................ 3
Assignment criteria: ................................................................................................................................ 4
1
,Website Overview:.................................................................................................................................. 4
Cocofloss - .......................................................................................................................................... 4
Yesstyle - ............................................................................................................................................ 5
Purpose of selected websites:.................................................................................................................. 5
Target audience: ...................................................................................................................................... 7
How the website appeals to target audiences and fulfils its purpose: ..................................................... 9
Requirements of a well performing website ~ Cocofloss ................................................................. 12
User- friendly: ................................................................................................................................... 12
Consistency: ...................................................................................................................................... 15
Consistency in font type, size, and boldness - .............................................................................. 16
Consistency in colour theme -....................................................................................................... 17
Consistency in header elements - .................................................................................................. 17
Consistency in footer elements - ................................................................................................... 19
Requirements of a well performing website ~ Yesstyle ....................................................................... 20
User friendly: .................................................................................................................................... 21
Consistency: ...................................................................................................................................... 23
Fonts and font size - ...................................................................................................................... 23
Consistency in colour theme: ............................................................................................................ 25
Consistency in header elements: ....................................................................................................... 25
Consistency in footer - ...................................................................................................................... 27
Navigational: ....................................................................................................................................... 28
Cocofloss’ Navigational bar - ........................................................................................................... 28
Yesstyle’s Navigational bar: ............................................................................................................. 29
Requirements of website – The comparison. ........................................................................................ 30
Customization & flexibility – ........................................................................................................... 30
Customisation with Cocofloss: ..................................................................................................... 31
Customisation with Yesstyle:........................................................................................................ 32
Principles of web design: ...................................................................................................................... 32
Usability – ......................................................................................................................................... 33
Usability of Cocofloss and Yesstyle - ............................................................................................... 33
Spacing - ........................................................................................................................................... 33
Use of spacing on Cocofloss website – ............................................................................................. 33
Use of spacing on Yesstyle website – ............................................................................................... 34
Layout – ............................................................................................................................................ 35
Cocofloss’ Layout – ...................................................................................................................... 35
Yesstyle’s layout – ............................................................................................................................ 37
2
, Clarity – ............................................................................................................................................ 38
Clarity of Cocofloss – ................................................................................................................... 38
Clarity of Yesstyle– ...................................................................................................................... 40
Accuracy and simplicity – ................................................................................................................ 42
Cocofloss’ accuracy and simplicity – ........................................................................................... 42
Yesstyle’s accurancy and simplicity – .......................................................................................... 43
Typography – .................................................................................................................................... 44
Cocofloss’ typography – ............................................................................................................... 44
Yesstyle’s typography – ................................................................................................................ 45
Media objects -...................................................................................................................................... 46
Colour contrast – ............................................................................................................................... 46
Cocofloss’ use of colour contrast – ............................................................................................... 46
Yesstyle’s use of colour contrast – ............................................................................................... 46
Position and size - ............................................................................................................................. 47
Search Engine Optimisation - ............................................................................................................... 48
Keywords – ....................................................................................................................................... 48
Cocofloss’ use of organic keywords – .......................................................................................... 48
Yesstyle’s use of organic keywords – ........................................................................................... 49
Traffic of Cocofloss and Yesstyle –.................................................................................................. 49
Indexing- ........................................................................................................................................... 52
Amending mistakes through updates – ............................................................................................. 53
Website performance: ........................................................................................................................... 53
Factors that can affect the website performance for the client –....................................................... 53
Loading speed – ............................................................................................................................ 53
Browser loading – ............................................................................................................................. 54
Cache – ............................................................................................................................................. 54
Performance of device – ................................................................................................................... 54
Compatibility – ................................................................................................................................. 54
Conclusion of report – .......................................................................................................................... 56
References:............................................................................................................................................ 56
Introduction:
3
, I have been requested by a website development company to compare, analyse and evaluate
how well web design principles have been used by two businesses to produce well-functioning
and creative websites that also fulfil the needs of the client. In this assignment, I will also
discuss how suitable these websites are for their purpose and target audience, and how they
meet the needs of the client. I will also list ways that websites can be improved in order to
achieve their goals better.
Assignment criteria attempted:
P1 - Compare web design principles used on two selected websites and their suitability for
target audience.
M1 – Analysis of how both websites use website design principles to create well performing
and creative websites that satisfy the needs of the client.
D1 - Evaluation of how well website design principles are used by selected websites to produce
create well performing, and creative websites that satisfy the needs of the client.
Website Overview:
The two websites that I have selected for this assignment are Yesstyle and Cocofloss.
Cocofloss -
Cocofloss is a dental care business based in America and founded in 2013. They are known for
adding unique functions, textures and flavours to their dental care equipment to give the
customer a unique experience when keeping their dental hygiene.
4
Foundation Certificate in Information
Technology
Website Development - Unit 6
Assignment 1
Learning outcomes: A
Contents
Introduction:............................................................................................................................................ 3
Assignment criteria: ................................................................................................................................ 4
1
,Website Overview:.................................................................................................................................. 4
Cocofloss - .......................................................................................................................................... 4
Yesstyle - ............................................................................................................................................ 5
Purpose of selected websites:.................................................................................................................. 5
Target audience: ...................................................................................................................................... 7
How the website appeals to target audiences and fulfils its purpose: ..................................................... 9
Requirements of a well performing website ~ Cocofloss ................................................................. 12
User- friendly: ................................................................................................................................... 12
Consistency: ...................................................................................................................................... 15
Consistency in font type, size, and boldness - .............................................................................. 16
Consistency in colour theme -....................................................................................................... 17
Consistency in header elements - .................................................................................................. 17
Consistency in footer elements - ................................................................................................... 19
Requirements of a well performing website ~ Yesstyle ....................................................................... 20
User friendly: .................................................................................................................................... 21
Consistency: ...................................................................................................................................... 23
Fonts and font size - ...................................................................................................................... 23
Consistency in colour theme: ............................................................................................................ 25
Consistency in header elements: ....................................................................................................... 25
Consistency in footer - ...................................................................................................................... 27
Navigational: ....................................................................................................................................... 28
Cocofloss’ Navigational bar - ........................................................................................................... 28
Yesstyle’s Navigational bar: ............................................................................................................. 29
Requirements of website – The comparison. ........................................................................................ 30
Customization & flexibility – ........................................................................................................... 30
Customisation with Cocofloss: ..................................................................................................... 31
Customisation with Yesstyle:........................................................................................................ 32
Principles of web design: ...................................................................................................................... 32
Usability – ......................................................................................................................................... 33
Usability of Cocofloss and Yesstyle - ............................................................................................... 33
Spacing - ........................................................................................................................................... 33
Use of spacing on Cocofloss website – ............................................................................................. 33
Use of spacing on Yesstyle website – ............................................................................................... 34
Layout – ............................................................................................................................................ 35
Cocofloss’ Layout – ...................................................................................................................... 35
Yesstyle’s layout – ............................................................................................................................ 37
2
, Clarity – ............................................................................................................................................ 38
Clarity of Cocofloss – ................................................................................................................... 38
Clarity of Yesstyle– ...................................................................................................................... 40
Accuracy and simplicity – ................................................................................................................ 42
Cocofloss’ accuracy and simplicity – ........................................................................................... 42
Yesstyle’s accurancy and simplicity – .......................................................................................... 43
Typography – .................................................................................................................................... 44
Cocofloss’ typography – ............................................................................................................... 44
Yesstyle’s typography – ................................................................................................................ 45
Media objects -...................................................................................................................................... 46
Colour contrast – ............................................................................................................................... 46
Cocofloss’ use of colour contrast – ............................................................................................... 46
Yesstyle’s use of colour contrast – ............................................................................................... 46
Position and size - ............................................................................................................................. 47
Search Engine Optimisation - ............................................................................................................... 48
Keywords – ....................................................................................................................................... 48
Cocofloss’ use of organic keywords – .......................................................................................... 48
Yesstyle’s use of organic keywords – ........................................................................................... 49
Traffic of Cocofloss and Yesstyle –.................................................................................................. 49
Indexing- ........................................................................................................................................... 52
Amending mistakes through updates – ............................................................................................. 53
Website performance: ........................................................................................................................... 53
Factors that can affect the website performance for the client –....................................................... 53
Loading speed – ............................................................................................................................ 53
Browser loading – ............................................................................................................................. 54
Cache – ............................................................................................................................................. 54
Performance of device – ................................................................................................................... 54
Compatibility – ................................................................................................................................. 54
Conclusion of report – .......................................................................................................................... 56
References:............................................................................................................................................ 56
Introduction:
3
, I have been requested by a website development company to compare, analyse and evaluate
how well web design principles have been used by two businesses to produce well-functioning
and creative websites that also fulfil the needs of the client. In this assignment, I will also
discuss how suitable these websites are for their purpose and target audience, and how they
meet the needs of the client. I will also list ways that websites can be improved in order to
achieve their goals better.
Assignment criteria attempted:
P1 - Compare web design principles used on two selected websites and their suitability for
target audience.
M1 – Analysis of how both websites use website design principles to create well performing
and creative websites that satisfy the needs of the client.
D1 - Evaluation of how well website design principles are used by selected websites to produce
create well performing, and creative websites that satisfy the needs of the client.
Website Overview:
The two websites that I have selected for this assignment are Yesstyle and Cocofloss.
Cocofloss -
Cocofloss is a dental care business based in America and founded in 2013. They are known for
adding unique functions, textures and flavours to their dental care equipment to give the
customer a unique experience when keeping their dental hygiene.
4
