The document lists codes and conventions commonly found on travel magazine websites. It provides definitions and examples of elements like URLs, homepages, mastheads, house style, navigation, copy, images, multimedia, links, advertisements, and white space. It then analyzes the codes and conventions used on 4 example travel magazine websites. The analyses note the URLs, homepage layouts, mastheads, house styles, navigation, copy, images, multimedia, links, ads, white space, and "above the fold" content for each site.
The document discusses conventions for national and regional website design. For national websites, it identifies key conventions like usability, a masthead, hyperlinks, images, subscriptions, colors, layout, and a search box. For regional websites, similar conventions are discussed like usability, a masthead, hyperlinks, images tailored to the local area, simpler colors, a clean layout, a search box, navigation bar, sponsors, and social media links. The author intends to apply many of these conventions like easy usability, a masthead, hyperlinks, relevant images, and a clean layout to their own website design.
This document summarizes and evaluates the conventions, house style, navigation, and structure of 5 different portfolio website homepages. For each website, it describes the key design elements and provides analysis of how well organized and easy to navigate the site is. Overall, it finds that the best portfolio websites have organized links through a clear navigation bar, attractive images, consistent style and fonts, an eye-catching design that isn't plain, and avoid overcrowding key information on the homepage. Areas for improvement include keeping house styles simple with limited colors and ensuring relevant information is accessible throughout the site.
Codes and conventions of magazine websites.pptxAdamsMarley
The document discusses some common codes and conventions used on magazine websites. It notes that website covers are often bland and lack interactive features. Sections are used to split stories into categories like "latest" or "most popular" to aid navigation. Navigation bars at the top allow easy movement across the site. A call to action like a colored "SUBSCRIBE" button is typically prominently displayed.
The document discusses various conventions for website design and layout. It identifies key elements such as navigation bars, grid systems, and centering main content. It also notes the importance of images, interactive elements, and ensuring content and design match the target genre and audience. Technical considerations include things like downloadable audio/video depending on the site topic. Overall the conventions aim to create an easy to use, visually appealing site tailored to its purpose.
The website looks busy and cluttered due to the large amount of text. A smaller selection of larger articles would improve readability. The layout lacks logical order as articles are randomly placed and added at different times on various topics. Images vary in quality and don't always relate to articles, so photographs should be chosen more thoughtfully. Some advertisements are well-placed but scrolling banners are annoying and distracting. Sections aren't clearly separated so color and boxes could better organize content. The reviewer is most interested in stories about tragedies, crime, and local people but less interested in sports and sponsored articles. Overall, a simpler layout with more spacing between articles would make content more readable and appealing. Distracting advertisements should also be
This document outlines some generic conventions used in website design, including:
- Using color schemes, navigation bars, and a grid system to separate and organize content and aid navigation.
- Incorporating images to make the site visually appealing and highlight certain links.
- Including features like slideshows, interactivity, and comment sections to engage audiences.
- Tailoring designs based on genre with conventions like tabs for news sites and informal styles for fashion.
- Standard elements like headings, banners, navigation bars, and advertisements help identify the site and direct users.
This document provides guidance on creating web services. It discusses registering a domain, planning the service, developing the service, launching it, and measuring its success in an iterative process. It also covers choosing a web hosting provider, deciding between using WordPress or custom coding, and the basics of HTML5 and CSS for building the web service structure and design. The key steps outlined are to plan the purpose, information architecture, user interface, and branding before starting development.
The website uses a pink color scheme and sans-serif fonts to create a clean, modern look. Navigation bars at the top provide links to the band's blog, tour dates, merchandise, and other pages. Images include the new album, concert photos, and merchandise. The website was created on the social media site Tumblr, known for fan cultures, making it a good platform for the band to engage their audience.
The document discusses conventions for national and regional website design. For national websites, it identifies key conventions like usability, a masthead, hyperlinks, images, subscriptions, colors, layout, and a search box. For regional websites, similar conventions are discussed like usability, a masthead, hyperlinks, images tailored to the local area, simpler colors, a clean layout, a search box, navigation bar, sponsors, and social media links. The author intends to apply many of these conventions like easy usability, a masthead, hyperlinks, relevant images, and a clean layout to their own website design.
This document summarizes and evaluates the conventions, house style, navigation, and structure of 5 different portfolio website homepages. For each website, it describes the key design elements and provides analysis of how well organized and easy to navigate the site is. Overall, it finds that the best portfolio websites have organized links through a clear navigation bar, attractive images, consistent style and fonts, an eye-catching design that isn't plain, and avoid overcrowding key information on the homepage. Areas for improvement include keeping house styles simple with limited colors and ensuring relevant information is accessible throughout the site.
Codes and conventions of magazine websites.pptxAdamsMarley
The document discusses some common codes and conventions used on magazine websites. It notes that website covers are often bland and lack interactive features. Sections are used to split stories into categories like "latest" or "most popular" to aid navigation. Navigation bars at the top allow easy movement across the site. A call to action like a colored "SUBSCRIBE" button is typically prominently displayed.
The document discusses various conventions for website design and layout. It identifies key elements such as navigation bars, grid systems, and centering main content. It also notes the importance of images, interactive elements, and ensuring content and design match the target genre and audience. Technical considerations include things like downloadable audio/video depending on the site topic. Overall the conventions aim to create an easy to use, visually appealing site tailored to its purpose.
The website looks busy and cluttered due to the large amount of text. A smaller selection of larger articles would improve readability. The layout lacks logical order as articles are randomly placed and added at different times on various topics. Images vary in quality and don't always relate to articles, so photographs should be chosen more thoughtfully. Some advertisements are well-placed but scrolling banners are annoying and distracting. Sections aren't clearly separated so color and boxes could better organize content. The reviewer is most interested in stories about tragedies, crime, and local people but less interested in sports and sponsored articles. Overall, a simpler layout with more spacing between articles would make content more readable and appealing. Distracting advertisements should also be
This document outlines some generic conventions used in website design, including:
- Using color schemes, navigation bars, and a grid system to separate and organize content and aid navigation.
- Incorporating images to make the site visually appealing and highlight certain links.
- Including features like slideshows, interactivity, and comment sections to engage audiences.
- Tailoring designs based on genre with conventions like tabs for news sites and informal styles for fashion.
- Standard elements like headings, banners, navigation bars, and advertisements help identify the site and direct users.
This document provides guidance on creating web services. It discusses registering a domain, planning the service, developing the service, launching it, and measuring its success in an iterative process. It also covers choosing a web hosting provider, deciding between using WordPress or custom coding, and the basics of HTML5 and CSS for building the web service structure and design. The key steps outlined are to plan the purpose, information architecture, user interface, and branding before starting development.
The website uses a pink color scheme and sans-serif fonts to create a clean, modern look. Navigation bars at the top provide links to the band's blog, tour dates, merchandise, and other pages. Images include the new album, concert photos, and merchandise. The website was created on the social media site Tumblr, known for fan cultures, making it a good platform for the band to engage their audience.
This summarizes the document analyzing the forms and conventions used in the media product, which includes an original regional magazine. It discusses how the magazine's cover, contents pages, editor's comment, advertisement, billboard, and website layout conform to conventions of real magazines while also challenging some conventions. The cover uses typical fonts, photos, and tagline placement. The contents pages follow conventions for layout, fonts, and photos but challenges typical photo placement. The inside pages and website largely conform to typical magazine styles but challenge some norms like full-page ads and scrolling articles.
The document discusses various conventions for website design, including navigation elements, layout, images, and content. It notes that websites should have clear navigation like menus and bars, use a grid system to segment information, and center main content while placing navigation on the sides. Images and visuals are important to add interest. Content and design depends on the website's genre and target audience. Common elements include headers, navigation bars, organized images, branded typography, and targeted advertisements.
This document discusses the conventions of magazine design elements like front covers, contents pages, and double page spreads. It examines conventions for layout, images, text size and style. The document also reflects on how the author's media product applied and challenged conventions to appeal to a younger audience while maintaining professional standards. Key conventions included prominent central images, bold page numbers and titles, and separating text and images. The author felt their work largely followed conventions but could improve text size on some pages.
The document provides guidelines for designing effective websites. It recommends using a consistent layout with predictable interaction and clear instruction. Visual elements like graphics and text should be easy to understand and support the site's purpose. The principles of layout, color schemes, headers, navigation and tabbed content from popular newspaper websites are discussed. Effective business web design uses simple centered layouts, draws attention to the content with strong focal colors, utilizes white space and uses larger text sizes to emphasize important information.
Generic conventions of websites include:
- Using unique fonts for headings and mastheads while keeping article text plain.
- Contrasting background and text colors to separate sections and make navigation easy using tools like bars linking to pages.
- Arranging content in a grid system with images to make sections visually appealing while reserving the main area for navigation.
The document provides an analysis of the layout, design, and content of various pages on a wedding planning website. It notes that:
1) The homepage lacks color and images that are conventionally found on other wedding websites, but subsequent pages include more colors, photos, and a cleaner layout.
2) Interior pages contain pastel colors, multiple wedding photos with captions, and limited textual content as is typical for websites in the wedding genre.
3) The images depict various wedding scenes and angles, as well as diverse representations of race, in a light and happy atmosphere that reflects wedding themes and is inspirational.
- The document discusses researching and analyzing existing webpage designs to inform the creation of a webpage prototype. Key elements like logos, images, headings, and navigation are examined across different sites.
- Mood boards and sketches are created to organize photos and visualize designs for an art-focused website. A handwritten font is selected for the logo to suit the subject matter.
- Artist websites are specifically analyzed to understand themes relevant to promoting art online, like the use of negative space and captivating images. Elements of successful sites are identified through a coding key.
The Do's and Don'ts of Effective WebsitesCaryn Brown
The document provides dos and don'ts for an effective website. It recommends doing things like having a clear structure and navigation, understanding the website's purpose, having a consistent theme, and keeping the site updated. It advises against overwhelming visitors, making the site hard to use, overloading pages with too much content or widgets, and prioritizing search engines over users. The goal is to design a site that is easy to navigate and focused on the user experience.
Web site questions before starting own site (1)Eujin Hong
The document provides guidance on web site design, including:
1) Questions to consider before designing a site, such as goals, audience, and content.
2) The three main types of web pages: home pages to introduce the site, topic pages to organize information, and subsidiary pages with more detailed information on topics.
3) Tips for using hyperlinks effectively, such as keeping them brief, recognizable, and minimizing their number to avoid overwhelming visitors.
The document summarizes and compares the content page layouts of three magazines: Cosmopolitan, Vogue, and Glamour. Cosmopolitan has an overlapping messy layout with images and text at different scales. Vogue uses a dominant main image overlapped by headers and text to look unique. Glamour has a simple plain layout with a large main image and bright color scheme of white, yellow, and orange.
This document analyzes and compares the conventions, housestyle, and structure/navigation of 4 portfolio websites. It finds that:
1) Two websites have conventional navigation bars with limited links, while two have more links which is less common for portfolio sites.
2) All websites maintain a consistent housestyle throughout with complementary color schemes, fonts, and layouts that create a professional feel.
3) The structure and navigation of the sites vary, with some focusing on prominent links to the designer's work and others using flash images or block text to draw attention.
The document analyzes the front cover, contents page, and double page spread of a music magazine the author created. For the front cover, conventions like a unique masthead font and a central image looking at the camera were followed. The contents page has the title in the largest font, images linking to headlines, and columns for features and regulars. The double page spread uses a large central image on one page, bold headline text against color, and an inserted band quote. Overall, the author aimed to replicate the codes and conventions of typical pop/rock magazines.
The document discusses the conventions, house styles, navigation, and structure of various portfolio websites.
It analyzes the conventions and house styles of websites like The Toke, Magnetic North, and 13 Creative and finds that while they have non-conventional designs, they still maintain consistent house styles and key conventions like logos, navigation bars, and organized content layouts.
It also evaluates the navigation and structure of the websites, praising ones like Magnetic North and 13 Creative for their easy, clear navigation despite unconventional designs. In contrast, it criticizes the old Student English site for having poor structure, navigation, and inconsistent house style, even for a 2004 site.
- The feature page commonly has the magazine title and date in the bottom left corner to provide information to readers.
- The title is usually in a large, bold serif font in the center of the page but putting it in smaller font in the top right corner provides less focus.
- A news feature is often the opening feature page, which adheres to conventions.
- A sub feature like a quiz in its own sidebar column on the right appeals to different audiences while fitting conventions.
- Text is commonly ordered into columns for neatness, readability, and article separation.
- Images are linked to articles for visual interaction and involvement.
The document proposes redesigning the website and digital presence for The Arts Barge Project. It analyzes the current website and identifies weaknesses in attracting a younger audience. The proposed redesign includes updating the logo, simplifying pages like events and contacts, integrating social media promotion, and designing a mobile app and additional advertising materials. Mockups are presented of the new website, app, posters, and leaflets with a cleaner, more visually appealing and easily navigable design.
The document summarizes the design choices made for the author's tumblr blog. Some key points:
1) The author chose a simple yet engaging layout that was easy to navigate without being boring, based on reviewing other tumblr sites.
2) A simple font was selected for readability within the space constraints.
3) The original theme was modified to add pages and archives and improve readability of text and images.
4) Images used were mostly the author's own photos to make the content original.
The contents page is divided evenly between an article on My Chemical Romance and listings of other articles. Over half the page contains images, including a large one of My Chemical Romance to promote their article. Smaller images throughout entice readers to learn more. Columns of text clearly list page numbers for articles. Additional elements like the editor's note and logo/color scheme create coherence and appeal to the magazine's target audience. The layout and use of images effectively serves the same purpose as the front cover in promoting key articles.
In what ways does your media product challengesabiivo16
The document summarizes how the author's media product challenges conventions of a real magazine in both similar and different ways. Some similarities include a traditional magazine layout with a cover image and masthead. The content pages also follow typical magazine formatting. However, some differences are using the puff placement over the cover image rather than in the corner, including contact details in the banner, and placing smaller blurred images on the double page spread. The author aimed to keep some house style similarities while also adding some unique design elements.
Research task 4 Graphic elements 2.pptxAlexElmesNew
The document discusses and compares the linked page structures of three music artists' websites - Mxmtoon, IDKHOW, and Half Alive. Mxmtoon's website has internally linked pages that follow a consistent footer, color scheme, and composition, while varying background pictures. IDKHOW's website lacks internal links but links to an external merch store, and includes embedded video links. Half Alive's website is the simplest with no internal pages and tour/shop/video buttons linking to content on the home page.
The document discusses and compares the linked page structures of three music artists' websites - Mxmtoon, IDKHOW, and Half Alive. Mxmtoon's website pages follow a similar composition and design with shared footer and color scheme. IDKHOW's website links to an external merch store site while including embedded video links. Half Alive's website lacks internal linked pages and routes buttons to relevant sections on the home page, keeping it simple to navigate.
MISS RAIPUR 2024 - WINNER POONAM BHARTI.DK PAGEANT
Poonam Bharti, a guide of ability and diligence, has been chosen as the champ from Raipur for Mrs. India 2024, Pride of India, from the DK Show. Her journey to this prestigious title is a confirmation of her commitment, difficult work, and multifaceted gifts. At fair 23 a long time ago, Poonam has as of now made noteworthy strides in both her proficient and individual lives, encapsulating the soul of present-day Indian ladies who adjust different parts with beauty and competence. This article dives into Poonam Bharti’s foundation, achievements, and qualities that separated her as a meriting champion of this award.
More Related Content
Similar to Codes & Conventions of Websites for Lifestyle Magazines
This summarizes the document analyzing the forms and conventions used in the media product, which includes an original regional magazine. It discusses how the magazine's cover, contents pages, editor's comment, advertisement, billboard, and website layout conform to conventions of real magazines while also challenging some conventions. The cover uses typical fonts, photos, and tagline placement. The contents pages follow conventions for layout, fonts, and photos but challenges typical photo placement. The inside pages and website largely conform to typical magazine styles but challenge some norms like full-page ads and scrolling articles.
The document discusses various conventions for website design, including navigation elements, layout, images, and content. It notes that websites should have clear navigation like menus and bars, use a grid system to segment information, and center main content while placing navigation on the sides. Images and visuals are important to add interest. Content and design depends on the website's genre and target audience. Common elements include headers, navigation bars, organized images, branded typography, and targeted advertisements.
This document discusses the conventions of magazine design elements like front covers, contents pages, and double page spreads. It examines conventions for layout, images, text size and style. The document also reflects on how the author's media product applied and challenged conventions to appeal to a younger audience while maintaining professional standards. Key conventions included prominent central images, bold page numbers and titles, and separating text and images. The author felt their work largely followed conventions but could improve text size on some pages.
The document provides guidelines for designing effective websites. It recommends using a consistent layout with predictable interaction and clear instruction. Visual elements like graphics and text should be easy to understand and support the site's purpose. The principles of layout, color schemes, headers, navigation and tabbed content from popular newspaper websites are discussed. Effective business web design uses simple centered layouts, draws attention to the content with strong focal colors, utilizes white space and uses larger text sizes to emphasize important information.
Generic conventions of websites include:
- Using unique fonts for headings and mastheads while keeping article text plain.
- Contrasting background and text colors to separate sections and make navigation easy using tools like bars linking to pages.
- Arranging content in a grid system with images to make sections visually appealing while reserving the main area for navigation.
The document provides an analysis of the layout, design, and content of various pages on a wedding planning website. It notes that:
1) The homepage lacks color and images that are conventionally found on other wedding websites, but subsequent pages include more colors, photos, and a cleaner layout.
2) Interior pages contain pastel colors, multiple wedding photos with captions, and limited textual content as is typical for websites in the wedding genre.
3) The images depict various wedding scenes and angles, as well as diverse representations of race, in a light and happy atmosphere that reflects wedding themes and is inspirational.
- The document discusses researching and analyzing existing webpage designs to inform the creation of a webpage prototype. Key elements like logos, images, headings, and navigation are examined across different sites.
- Mood boards and sketches are created to organize photos and visualize designs for an art-focused website. A handwritten font is selected for the logo to suit the subject matter.
- Artist websites are specifically analyzed to understand themes relevant to promoting art online, like the use of negative space and captivating images. Elements of successful sites are identified through a coding key.
The Do's and Don'ts of Effective WebsitesCaryn Brown
The document provides dos and don'ts for an effective website. It recommends doing things like having a clear structure and navigation, understanding the website's purpose, having a consistent theme, and keeping the site updated. It advises against overwhelming visitors, making the site hard to use, overloading pages with too much content or widgets, and prioritizing search engines over users. The goal is to design a site that is easy to navigate and focused on the user experience.
Web site questions before starting own site (1)Eujin Hong
The document provides guidance on web site design, including:
1) Questions to consider before designing a site, such as goals, audience, and content.
2) The three main types of web pages: home pages to introduce the site, topic pages to organize information, and subsidiary pages with more detailed information on topics.
3) Tips for using hyperlinks effectively, such as keeping them brief, recognizable, and minimizing their number to avoid overwhelming visitors.
The document summarizes and compares the content page layouts of three magazines: Cosmopolitan, Vogue, and Glamour. Cosmopolitan has an overlapping messy layout with images and text at different scales. Vogue uses a dominant main image overlapped by headers and text to look unique. Glamour has a simple plain layout with a large main image and bright color scheme of white, yellow, and orange.
This document analyzes and compares the conventions, housestyle, and structure/navigation of 4 portfolio websites. It finds that:
1) Two websites have conventional navigation bars with limited links, while two have more links which is less common for portfolio sites.
2) All websites maintain a consistent housestyle throughout with complementary color schemes, fonts, and layouts that create a professional feel.
3) The structure and navigation of the sites vary, with some focusing on prominent links to the designer's work and others using flash images or block text to draw attention.
The document analyzes the front cover, contents page, and double page spread of a music magazine the author created. For the front cover, conventions like a unique masthead font and a central image looking at the camera were followed. The contents page has the title in the largest font, images linking to headlines, and columns for features and regulars. The double page spread uses a large central image on one page, bold headline text against color, and an inserted band quote. Overall, the author aimed to replicate the codes and conventions of typical pop/rock magazines.
The document discusses the conventions, house styles, navigation, and structure of various portfolio websites.
It analyzes the conventions and house styles of websites like The Toke, Magnetic North, and 13 Creative and finds that while they have non-conventional designs, they still maintain consistent house styles and key conventions like logos, navigation bars, and organized content layouts.
It also evaluates the navigation and structure of the websites, praising ones like Magnetic North and 13 Creative for their easy, clear navigation despite unconventional designs. In contrast, it criticizes the old Student English site for having poor structure, navigation, and inconsistent house style, even for a 2004 site.
- The feature page commonly has the magazine title and date in the bottom left corner to provide information to readers.
- The title is usually in a large, bold serif font in the center of the page but putting it in smaller font in the top right corner provides less focus.
- A news feature is often the opening feature page, which adheres to conventions.
- A sub feature like a quiz in its own sidebar column on the right appeals to different audiences while fitting conventions.
- Text is commonly ordered into columns for neatness, readability, and article separation.
- Images are linked to articles for visual interaction and involvement.
The document proposes redesigning the website and digital presence for The Arts Barge Project. It analyzes the current website and identifies weaknesses in attracting a younger audience. The proposed redesign includes updating the logo, simplifying pages like events and contacts, integrating social media promotion, and designing a mobile app and additional advertising materials. Mockups are presented of the new website, app, posters, and leaflets with a cleaner, more visually appealing and easily navigable design.
The document summarizes the design choices made for the author's tumblr blog. Some key points:
1) The author chose a simple yet engaging layout that was easy to navigate without being boring, based on reviewing other tumblr sites.
2) A simple font was selected for readability within the space constraints.
3) The original theme was modified to add pages and archives and improve readability of text and images.
4) Images used were mostly the author's own photos to make the content original.
The contents page is divided evenly between an article on My Chemical Romance and listings of other articles. Over half the page contains images, including a large one of My Chemical Romance to promote their article. Smaller images throughout entice readers to learn more. Columns of text clearly list page numbers for articles. Additional elements like the editor's note and logo/color scheme create coherence and appeal to the magazine's target audience. The layout and use of images effectively serves the same purpose as the front cover in promoting key articles.
In what ways does your media product challengesabiivo16
The document summarizes how the author's media product challenges conventions of a real magazine in both similar and different ways. Some similarities include a traditional magazine layout with a cover image and masthead. The content pages also follow typical magazine formatting. However, some differences are using the puff placement over the cover image rather than in the corner, including contact details in the banner, and placing smaller blurred images on the double page spread. The author aimed to keep some house style similarities while also adding some unique design elements.
Research task 4 Graphic elements 2.pptxAlexElmesNew
The document discusses and compares the linked page structures of three music artists' websites - Mxmtoon, IDKHOW, and Half Alive. Mxmtoon's website has internally linked pages that follow a consistent footer, color scheme, and composition, while varying background pictures. IDKHOW's website lacks internal links but links to an external merch store, and includes embedded video links. Half Alive's website is the simplest with no internal pages and tour/shop/video buttons linking to content on the home page.
The document discusses and compares the linked page structures of three music artists' websites - Mxmtoon, IDKHOW, and Half Alive. Mxmtoon's website pages follow a similar composition and design with shared footer and color scheme. IDKHOW's website links to an external merch store site while including embedded video links. Half Alive's website lacks internal linked pages and routes buttons to relevant sections on the home page, keeping it simple to navigate.
Similar to Codes & Conventions of Websites for Lifestyle Magazines (20)
MISS RAIPUR 2024 - WINNER POONAM BHARTI.DK PAGEANT
Poonam Bharti, a guide of ability and diligence, has been chosen as the champ from Raipur for Mrs. India 2024, Pride of India, from the DK Show. Her journey to this prestigious title is a confirmation of her commitment, difficult work, and multifaceted gifts. At fair 23 a long time ago, Poonam has as of now made noteworthy strides in both her proficient and individual lives, encapsulating the soul of present-day Indian ladies who adjust different parts with beauty and competence. This article dives into Poonam Bharti’s foundation, achievements, and qualities that separated her as a meriting champion of this award.
This edition features a handful of business America's Trendsetting Interior Designer Showcasing Interior Excellence that are at the forefront of leading us into a digital future
Insanony: Watch Instagram Stories Secretly - A Complete GuideTrending Blogers
Welcome to the world of social media, where Instagram reigns supreme! Today, we're going to explore a fascinating tool called Insanony that lets you watch Instagram Stories secretly. If you've ever wanted to view someone's story without them knowing, this blog is for you. We'll delve into everything you need to know about Insanony with Trending Blogers!
2. List of Codes and
Conventions
• URL – Uniform Resource
Locator, the link that will allow
users to find the website.
• Homepage – Main page that
the URL leads directly to.
• Masthead - Title/logo of the
website that is important for the
brand itself.
• House style – Set of rules that
the design of the company
follows e.g. colours,
formats, fonts etc.
• Navigation - All of the links that
take people to other parts of the
page and the rest of the website.
• Copy – All the text that appears
on the website.
• Main image - The main photo
used usually at the top of the
• Multimedia elements – Any other
pieces of media e.g. audio-visual
elements, music and animations.
• Other links - External links, links
that take the user to a different
page on a different site and social
media links, links that take you to
the company's social media
pages.
• Adverts – Both banners and pop-
ups that are controlled by the
company and externally,
respectively.
• White space - The use of white
space is very important, too much
and the website appears
incomplete and too little may
seem cramped and
unprofessional.
3. Website here
• The URL for this website is short and straight to the point without being
complicated in anyway.
• The page that the URL leads to is the home page which is quite a long
page and is filled with various articles on different stories with
some sections differing from others.
• Some of these sections include: COVID Travel Advice, Spa Guide and
Sustainable Travel.
• There is no main title for the website, but their logo is in the top right of
the screen with the navigation bar.
• The house style is very simple but is consistent throughout the entire
website. This house style lacks colour and the only colour that is on
the website is in the photos.
• The navigation between each are of the website is very clear with the
main pages at the top and the different stories on the page.
• The text is all in one font and follows the same house style and
colour all over the website.
• There is also no main image for the website only large story images.
• This website contains a large amount of white space especially on the
main page; however, the amount of white space looks professional.
4. Website here
• There is a range of audio-visual elements on the website in the form of
short clips and YouTube videos, some being directly made by CN
Traveller and others being videos promoted on the website. There are
also animated shorts of the main stories.
• The external links on the website are the YouTube videos that take the
user to the YouTube page to watch their video as well as the links to
their social media pages. Other than this there are also links to
the social media pages of the writers of each article. There are also
links to the websites of places featured on their lists e.g., the Saatchi
Yates, which is an art gallery in London
• There are also adverts that lead to other pages. These are pop-ups and
banners with the majority on the main page they are banners but as
you scroll through articles there are more pop-up ads.
• The 'above the fold' content includes the navigation bar at the top of
the page, a banner ad at the top just underneath the navigation bar, a
story with a photo and another story with a large picture so that the
picture is the only visible part encouraging the reader to scroll down.
The last main item is the subscribe button so you can subscribe to the
magazine.
5. • The URL is probably the longest one of the websites I have
visited meaning it is probably a less visited website.
• The entire home page of the website fits in with the above the
fold content.
• The masthead is at the top of the page over the main image
which also features the slogan underneath.
• The house style is consistent over the website and is a simple
style.
• The navigation is easy since all of the links are on the
homepage which entirely fits above the fold.
• There is not a lot of text/copy on the screen but what is there is
simple and easy to read.
• There are no multimedia elements on the website and is only
text and images.
• There are no external links not even to social media pages
there is only subscription buttons.
• The only adverts are their adverts and they are for the
magazine itself.
• There is a quite a lot of white space but the page is very short
so there is less room.
Website here
6. • The URL for this website is another simple one with the name and
nothing else so it is easily locatable.
• The homepage is a relatively large page, not as large as the CN
Traveller but it is still large and the main three images that appear at
the top of the page change daily.
• The masthead is relatively small and at the centre at the top of the
page.
• The house style is consistent but is a lot because there are many
different sections that have their own style, but it stays the
same throughout that section.
• The navigation is easy since most of the links are at the top of the page
but there are links to stories/articles throughout the page and even the
site.
• The copy on the main page is bland and there's not too much of it since
it is mainly images with short notes written on or links to articles. But
on each linked article there is simple to read.
• Instead of having one main image that is just there to show off the
images, this website has three that all directly link to other pages.
• From what I found searching through the website I could not find any
multimedia elements such as videos or music.
• Almost every other service mentioned on the website is linked e.g.
hotels, restaurants etc. One of the examples I found was of Hong Kong
Star Ferries, which had the link, address, opening times, prices and the
company phone number.
Website here
7. • Other external links include many social media pages including links to
Instagram photos posted by people all over the world that are shared
on this website as well as links to the lonely planet shop which is the
same company but is a different website that is linked.
• The adverts featured are almost entirely banner ads which are all
controlled by the company itself and they all advertise the same thing.
There is also technically ads in each article that talks about a place or
service since it links the website and shows off the service. The other
ads are only for the lonely planet company itself.
• In terms of white space this website is perfect since there is white
space in places to emphasise the text written but other places where
there isn't any white space it is photos that are showing off the article.
• The 'above the fold' content is great since it has taken three images
and used them top link three different stories at the top of the screen
but there is another section which has the title cut in half but the way it
is written draws the reader in since they’ll see 'Where To Next?' And
this intrigue them.
• The content 'below the fold' is extremely diverse with links to articles,
competitions and other useful images not used on the magazines or
the main page of the website.
Website here
8. • The URL is simple and straight to the point and seems to be easily
locatable.
• The homepage is quite simple in terms of layout and is a relatively short
website with more options accessible if you want to read further.
• The masthead is quite small in the top left and out the way.
• The house is simple but consistent with every page featured on the website.
This makes sense since a simpler house style would be easier to recreate
on each page.
• The navigation is also simple throughout the website with clear links to
different sections.
• This is because it is aimed at an older audience so the website needed to
be simpler for those less knowledgeable when it comes to technology
e.g., older people.
• The copy is also very simple and is like a virtual magazine.
• The main image is usually of an important figure with a heading that
wouldn’t be breaking news but is more like an interesting topic.
• In terms of multimedia elements there are almost none at all with the
only other media element being a banner ad with an animation which is an
ad by the company itself.
• Other links that the website has only led to their socials which, since it is
aimed at an older audience, is limited to Facebook and google+.
• Most of the adverts on the website are their own adverts but there are a
few at the bottom of the page, 'below the fold' as opposed to the other ads
which are 'above the fold'.
• The website is very full of whitespace, but it still looks professional, and the
quality of the website is also not as important for this due to the audience
• The rest of the 'above the fold' content is main stories and subscription
Website here
9. • The URL for this website is probably the simplest of all the other
examples.
• The website has a relatively long home page that has many
different stories and sections featured.
• The masthead is quite large and central at the top of the page which is
good to draw the reader in.
• For this magazine there isn't a clear and definable house style that
separates it from others however the site features many photos
throughout the website.
• The navigation is well done and almost everything you see leads to
another page.
• All the text is the same font and size and colour, so it fits the website
well.
• The website is different to others in the fact that it doesn’t have a main
image, but it has a video instead which takes up the above the fold
content as the main story.
• There are many multimedia elements used throughout the website
like animations and videos. There are also a few quizzes for the reader.
• The website features many links to other places such as their social
media pages. These links are only at the bottom of the page and in
the articles themselves.
• There are also many banner adverts with no pop ups at all.
• In terms of white space, it is perfectly balanced between writing and
photos, and white space.
• There isn't a lot 'above the fold', however what is there is enough t5o
draw the reader into scrolling.
Website here
10. • The URL is simple, but the travel part of the magazine is a subsection
of the National Geographic company.
• The homepage is quite long full of various stories and articles.
• The logo is up in the top left and is quite small, however there is a title
for the stories.
• The house style is unique since there is a lot of black and a lot of the
titles are a light grey which is barely visible against the white
background, but it is consistent and stays throughout the whole
website.
• The navigation is very simple with a highlight to show what's clickable
and what's not.
• The copy is very clear and formally laid out. It is easy to read and
understandable.
• The main image isn't 'above the fold' but it is a big photo with a story
attached that changes every few days.
• The multimedia elements includes videos and animations throughout
the website and since they have a deal with Disney+ it advertises their
shows and the website itself which is an external links, the other
external links are their socials.
• In terms of ads the website has a few banners but there are no pop ups
anywhere.
• There is a bit of white space, but it is balanced out by the black on the
website which makes it look very professional.
• 'Above the fold' is only a few things including the different sections and
the top of the main image as well as a search bar.
Website here