2. Similar Product Research
• In order to make my website (product) more
useful and successful, I have conducted
research on similar websites.
• The majority are basic Hong Kong Tourism
Websites but I have chosen to focus on the
shopping section of their website more.
• From this research, I will be able to make
improvements or add to my objectives. But
overall, I will also be able to create a better
website for my clients.
3. - Search bar
- Different
headings are
clearly labeled in
the sidebar, they
are color-coded
which helps
navigation
(Shopping Tab =
Red)
- A slideshow
banner showing
the top and
current events
- Eye-catching
background
but not too
overwhelming
to the users’
eyes
Website 1 – Discover Hong Kong - Logo
4. Short
introduction
to shopping
Links to
other
pages
(hence,
one page is
not filled
completely
with text
and info)
Banner
Sidebar showing all the The information covers different slideshow at the
smaller subsections areas of shopping, both districts top of each
under shopping and street markets. page
5. There are pages for individual There are also pages with more than
large and popular shopping malls. one attraction. These will be less
These will have detailed detailed but will have quick notes on
information on the facilities how to get there.
including pictures.
6. Overall Analysis of Discover Hong Kong Website
Pros Cons
• Visually attractive – uses a variety • Occasionally the images and
of colours and banners colour can be overly distracting to
viewers’ eye
• Clear headings and sub-sections • Could increase size of headings
compared to other text
• Colour coding – Different sections • Too many links – Sometimes it’s
of tourism are clearly divided – hard to get back to the original
Good navigation page you started on
• Wide range of information • For me, this is not as relevant as I
included will only be concentrating on
shopping
• Has a uniform layout/theme – all • Not all information is detailed and
pages look similar to each other quick to understand
7. Aspects I’ve learnt from “Discover Hong
Kong” Website
1. Photos at the top of the page grab viewers’
attention immediately
2. Include colour coded toolbars/sections along
the side of website
3. Do not try to cover too much information if it
is not detailed enough
4. Using a uniform layout for the pages helps
make it appear more professional and united
5. Do not overuse colour
8. Website 2 – Travel Hong Kong
Has advertisements
(distracting and
breaks layout)
Bright, attracting photo Slogan/Motto Dark colour of title Not an appealing
banner heading of website doesn’t stand out colour - murky
9. There is a toolbar
down the side with
all the headings
and sections –it’s
clear but not very
visually interesting
Bright red and
bolded for the
names - clear Good information - Very good “how to get there” section –
Operating times Gives address but also forms/ways of
transport to get there
10. Occasional links to official Includes a photo for some of the
website of the shopping mall Plain yellow attractions however, the photo
background itself is not very bright or appealing
11. Overall Analysis of Travel Hong Kong Website
Pros Cons
• Text information is short but very • Plain layout and background
useful (yellow for every page)
• Has a catchy slogan for the • Bad choice of colour for the title –
website does not stand out
• “How to get there section” is quick • All the shopping attractions are
to understand and directly useful put under one page of the website
for clients – page becomes very long and not
as easy to navigate
• Includes hyperlinks to official • Small number of photos that are
shopping mall websites quite dull
12. Aspects I’ve learnt from “Travel Hong
Kong” Website
1. “How to get there” section is very important
and will directly help my clients
2. Create a slogan & title for my website
3. Add some hyperlinks to official shopping mall
websites
4. Include more photos, making sure each
attraction at least has one
5. Pick colours carefully – avoid
murky/unappealing colours for backgrounds
and titles
13. Website 3 – Trip Advisor Hong Kong
The focus is now on Has a colour theme of Can view the website
personal recommendations green and white on mobile phones too
14. There is an
overall rank for
this shopping site
which is collated
from the votes of
readers
Clear visual opinions
from other tourists
(E.g. excellent, very
good, average etc.)
Brief description
of the site
Only one photo
is included but
there is a link
to other photos
Added tips
(useful
information) Personal honest
which will reviews from
help clients general public
15. Included the
approximate
weather
conditions in
Hong Kong – You can vote
Directly useful to on the
clients photos as
well
“like/dislike”
A selection of photos posted by users of
TripAdvisor.com (Most are personal
photos which are not very good quality)
16. Overall Analysis of Trip Advisor Website
Pros Cons
• Very concentrated on general • Description of shopping sites are
public’s own opinions and reviews not very detailed
• Mobile phone viewer friendly • No colour coding for different
sections of the website
• Good system of rankings for the • Very simple layout – not very
different shopping sites. Visual visually exciting
graphs used
• Included unique tips e.g. weather • Selection of photos included but
conditions and information on since anyone can upload them, not
wheelchairs, baby strollers etc. all of them are good quality and
useful to the client.
17. Aspects I’ve learnt from “Trip Advisor ”
Website
1. Have a comment section for people to share
their own reviews
2. Can try to make the website mobile phone
friendly
3. Can include ranking graphs e.g. bar chart:
Appearance = High, Service = Low
4. Include special information e.g. weather
conditions
18. Website 4 – Hong Kong Tourism Asia
In the banner, included
Very bright and colourful pictures of signature Text colour and
appearance – No symbols of Hong Kong backgrounds were
particular colour scheme chosen well (don’t clash)
19. Brief overview of shopping in There is no
Hong Kong caption/information with
the photo
Links to 5 different sub-
sections under Shopping
Clear paragraphs and
headings to make
reading more
comfortable for users
20. The information is There is no
divided into caption/information with
smaller sections the photo
within each
district too [e.g.
Central District
High-end
Streets]
There are
very little
photos on
the website
e.g. one per
page
Links to 5 different sub-
sections under Shopping
Unfortunately,
there are no
reviews on
individual
shopping malls
21. Overall Analysis of Hong Kong Tourism Asia
Website
Pros Cons
• Vibrant colour theme, attracts • Very little photos included on the
visitors website
• Trademark banner (effective • No individual reviews on a
because it uses Hong Kong’s famous particular shopping mall
landmarks)
• Clear headings on every page to • Sometimes, there is too much text
split the sub-sections on one page, making it
uncomfortable to read
• Information covers different areas
e.g. expensive streets and cheaper
ones
22. Aspects I’ve learnt from “Hong Kong
Tourism Asia” Website
1. A banner collage of signature aspects of Hong
Kong can attract viewers
2. Put headings in a different colour
3. Cover a range of information that will appeal
to various viewers e.g. high-end and lower
priced shops
4. Do not put too much text on one page
23. Website 5 – Tourism Hong Kong
Interesting Chinese
proverb which related
Very clear title with good to tourism
simple effects i.e. white On the side,
outline around it there is a
toolbar
displaying all
the recent
The website uses red as its main colour. comments
This is unique because in Chinese culture, which means
red represents fortune, happiness and viewers will be
wealth updated
constantly
24. Embedded
the
government
tourism
commercial
for HK
Brief slogan
introducing
Hong Kong
Tourism
For shopping,
Anyone can they are sorted
leave by districts
comments on with hyperlink
all the pages headings
25. Attracting and
clear, high-
quality photo
Includes a caption
explaining where
and what the
photo is - Also
credits the
photographer
The information
below the
photo relates to
it and also, the
writing is quite
journalistic.
26. Overall Analysis of Tourism Hong Kong
Pros Cons
• Interesting homepage – included a • To some, the layout may be too
Chinese proverb simple making it not look very
professional
• Simple effects on titles • Not enough information in general
i.e. hasn’t reviewed many different
shopping sites
• Clear, eye-catching but also • Could use more colour on some of
informative photos the pages
• Reviews written in a journalistic
style
• Embedded videos to some pages
27. Aspects I’ve learnt from “Hong Kong
Tourism” Website
1. Allow people to post their own comments
2. Include a meaningful/catchy slogan i.e. could
be a proverb
3. Include large photos of good quality
4. Embed a YouTube video introducing Hong
Kong or related to the shopping area
28. Website 6 – 12hk Hong Kong Shopping
The main title is a different colour Orange colour scheme Includes a search
from the background but, I think throughout the engine for the
the font size is still too small website website
29. The photos are
way too small
compared to the
text
The writing is quite
informal - this can be
good because readers will
understand it easily but it
can also be bad if it
doesn’t appear
professional
The advertisements in
between are
sometimes quite
distracting Some pages sort
it by districts
30. This is the aspect I like best about this website
because unlike all the other tourism sites, this
one sorts the shopping spots by what they sell.
For example, for electronics, they
recommended Mongkok etc.
At the bottom of the page, they
included a Google map which
was interactive. I think this is
very effective because you can go
into street view. This directly
allows users/clients to see what
they will experience if they went
to the shopping site.
31. Overall Analysis of 12hk Hong Kong Shopping
Pros Cons
• Has a specific colour scheme • Photos are all too small
• Included an interactive tool • Titles do not stand out against the
(Google map) rest of the information
• Sorted shopping spots by items • Has advertisements around the
they sell text which can be distracting
• Information covers different areas
e.g. expensive streets and cheaper
ones
32. Aspects I’ve learnt from “12hk Hong Kong
Shopping” Website
1. Attempt to include an interactive Google map
under the different districts
2. Sort shopping spots according to the items
they sell
3. Remember to include large photos instead of
small ones in between text
4. Include a search engine on the website