Circus Web Design / Menu Navigation

Following the client's request of a compass-inspired navigation design, this is the final design depicting the circus tent from a bird's eye view and indicating the different sections of the website.

The menu overlays the current page with a slight transparency to enable the user to consider navigation full screen without perturbing their experience. On desktop, subtle colour fades are applied to text links when hovered. An underline is animated with CSS animation underneath the hovered link to add subtle interaction emphasis.

Using media query breakpoints, the menu adapts responsively. When viewed on mobile devices, the center logo is replaced by a portrait version and description text is removed, leaving section titles for legibility.

- Laurie