The traditional navigational design techniques do not provide a good way of handling the complexity of the navigational path of hypermedia systems, such as a learning system on the Web. When the number of pages (or nodes) of the learning system grows, the links among these pages increase exponentially. This makes the navigational design diagram of a twenty-page, e.g., hypermedia learning system almost impossible to read, maintain, expand and reuse. This paper, therefore, aims to develop learning systems using a new graph-based navigational design technique, the Navigational Graph, together with a new set of notation. It provides systems developers, including analysts, designers, testers, maintainers (the Webmasters), and system re-engineers to visualise and manipulate the navigational structures of Web sites. This technique improves the reusability, maintainability, decomposability, readability and expandability of the development of Web sites in terms of navigational design.