home | internet go | public services | member services | pandanet inc. | help
PandaNet
Connect to PandaNet
page: Home > PandaNet inc. > Projects > PandaNet website design
author:Hans Mugge
updated:28-07-2014


copyright (C) 2005 PANDANET

Proposal PandaNet website (English version)

INTRODUCTION

This document describes the proposal for a new design of the english version of the PandaNet website. After thorough analysis of the current english version of the PandaNet website the following conclusions can be made:

  • There is little application of aspects of the corporate identity;
  • A lot of pages look like they are from a different website than the Pandanet website;
  • The website is not conveniently structured; There is no [or unclear] logic behind the placement of pages within the site.
  • The website consists of too much information which has very little to do with the core business of PandaNet. Therefore a lot of information should be placed on a different place inside the website or it should be removed altogether.

In cooperation with Jan van der Steen an analysis of the current hierarchical structure has been made and all functionality has been examined. On basis of this a proposal for a new sitemap has been developed.

On basis of the document 'proposal PandaNet brand design guidelines' a design for the global lay-out has been made. The keywords for this layout are:

  • structure
  • consistancy
  • professionality
  • quality
  • recognizability
  • maintainability
  • usability

The technical implications for the implementation of this new design has been discussed with Jan van der Steen.

The photographs used in this proposal are just examples of how the photographs should be look like. The definitive pictures are yet to be decided.

Note: for best legibility of all graphics inside this document it is recommended to have this document printed instead of reading it from a screen.

HOMEPAGE

On this page the proposed homepage is shown. First let us discuss the photograph on the page. The photograph has multiple functions:

  • showing the visitor that this page is about the game of go;
  • showing the 'module' where the visitor is located inside the webpage.

On top of the page the main menu is located as a transparent part of the photograph. This main menu gives access to the different modules. The module 'internet go' will probably be used most often.

For getting quick access to the Pandanet go server, the Pandanet logo is used. The logo is placed in order to stand out, so little effort is needed to find it. The text 'Play go now!' invites the user to click on the 'panda' and immediately the java web-start Pandanet client will execute.

If no account exists the PandaNet client will detect that and a wizard will start enabling the visitor to register himself. For details about the PandaNet client, read the 'proposal PandaNet client'.

Every time on every page the pandanet logo is used as quick access to the pandanet server.

On top of the page a website search function is available, so finding specific information is easy and it is available on all screens.

The content area is divided in two parts:
The yellow column is used for presenting the main events and results of the PandaNet server.
News items are placed in the white column next to the yellow column. These items are short descriptions and link to pages with the full story.

INTERNET GO

When clicking on the option 'Internet Go' the page on the far left will appear. The main menu from the homepage is now placed on the top op the page. The menu in the photograph is now the contextual 'internet go'-menu.

In the white column is the table of contents shown of the 'internet go'-module. The subitems of the 'internet go' module are: MYPANDA: the personal pages with your personal settings and game results (this will probably a page that lots of users will create a deep-link to), SERVER CENTER: pages with handy tools and information for working with the PandaNet server and DOCUMENTATION: the documentation pages for PandaNet.

If you click on 'documentation', you will access the page shown on the left. You can see that the table of contents adjusted conveniently in a contextual way.

At the end of each screen is a location indicator available: it gives information at what place you are in the hierarchical structure of the site. You can also use the hyperlinks to go one or more levels up in the structure. The 'top' link will direct you to the top of the current page.

DOCUMENTATION

After Clicking on 'server internals' on the screen of the previous page, of course you will get the 'server internals' page that is shown on the far left. You see that the yellow bar in the white column is showing the current page in context of the table of contents of the documentation.

After clicking on 'The new pandanet rating system' you will get the page shown on the left. Notice that you are able to skip some of the steps because the table of contents always shows 2 levels lower than the current level.

Above each article some information is shown as:

  • last updated
  • author of the article
  • location of the page in the hierarchical structure

CLIENT DOWNLOAD

Pages in other modules than 'internet go' have a different photograph. For instance the page shown on the left is the client download page in the public services section.

Sometimes some text inside the contents needs special emphasis. In such cases the box shown in this screen is appropriate. To make sure that users can find the download functionality easily this box with negative contrast letters is used. The information on this page is kept to it's minimum with a minimum of distractions, resulting in a straightforward download process.

SITEMAP

Home

  • INTERNET GO
    • MyPanda
      • Game records
    • Server center
      • Coming soon...
      • World time zones
      • Helpdesk
      • Contact us
    • Documentation
      • How to...
      • Command overview
      • Server internals
  • PUBLIC SERVICES
    • Articles
      • Monthly Q&A Room
      • Monthly column: Buon Giorno!
        • Report from Cannes, France
        • Go friends
    • Software
      • Panda-glGo
      • Panda-gGo
      • Panda-IGS
      • 3rd party software
    • Archive
  • MEMBER SERVICES
    • Becoming a member
    • Monthly E-magazine
      • Commented game archive
    • Professional teaching
      • Yuki Shigeno
    • Go Quiz
    • Rating certificates
  • THE PandaNet CORPORATION
    • About PandaNet
    • Mission
    • Sponsoring
    • Contact us
  • HELP
    • Colophon
    • Website proposal
    • Sitemap

Shown on the left is the proposal for the sitemap and the corresponding structure of the website. The core functionality is clearly centered around the 'internet go' module. Public - and member services are paid and non-paid extra services. Notice that irrelevant functionality like 'the history of go' and galleries with go art and photographs are placed in the archive or are removed completely from the site.

It is strongely recommended to host the go art and the vintage go stories in a corresponding but seperate website, for instance: 'The Pandanet Virtual Go museum'.

top | Home > PandaNet inc. > Projects > PandaNet website design


References

PANDANET Inc., NKB Inc. and Japan Pair Go Association — online & serving the Go community since 1992