As website complexity increases, users begin to experience usability barriers, such as cognitive overload and disorientation, when they browse websites. Therefore, navigation systems become crucial in website designs. Sitemaps can clearly present the website composition and breadcrumbs can enable users to clearly determine their current position in the website. We have integrated the advantages of these two navigation systems to design a novel navigation system, and evaluated its usability and hedonic quality. The results indicate that the proposed navigation system has good usability properties. Moreover, users who have experience in traditional breadcrumbs evaluated this novel system even higher.