The Denny's site presents all of its content on one continuous screen.  The six pages--About us, Denny's Locator, Home, Menu, Specials, and Media--are lined up  and house a series of related modules that can be collapsed and expanded to optimize each user's experience.  Users can navigate the entire site with simple JQuery animations and no reloading.
The Denny's site presents all of its content on one continuous screen. The six pages--About us, Denny's Locator, Home, Menu, Specials, and Media--are lined up and house a series of related modules that can be collapsed and expanded to optimize each user's experience. Users can navigate the entire site with simple JQuery animations and no reloading.

Dennys.com

The Denny's site presents all of its content on one continuous screen.  The six pages--About us, Denny's Locator, Home, Menu, Specials, and Media--are lined up  and house a series of related modules that can be collapsed and expanded to optimize each user's experience.  Users can navigate the entire site with simple JQuery animations and no reloading.

The Denny’s site presents all of its content on one continuous screen. The six pages–About us, Denny’s Locator, Home, Menu, Specials, and Media–are lined up and house a series of related modules that can be collapsed and expanded to optimize each user’s experience. Users can navigate the entire site with simple JQuery animations and no reloading.

Dennys.com

The Denny’s website was already receiving critical appreciation for its creative layout and navigation. To users, however, content discovery was a challenge. With the Gotham team, I proposed new user interface features, including drop down menus with auto scroll and collapsing modules to optimize the website composition and navigation. With a new design, I then re-skinned the site, reworking the full site’s CSS, Javascript, and JQuery.

Skills: Wire Frames, CSS3, HTML5, JQuery, Javascript

Drop Down navigation allows users to pick which precise module they wish to view.  Selection triggers a custom Jquery class to scroll over to the new page, down to the module, and, if closed, open it for the user.  The experience is elegant, smooth, and allows the user to maintain a visual sense of location within the whole site.

Drop Down navigation allows users to pick which precise module they wish to view. Selection triggers a custom Jquery class to scroll over to the new page, down to the module, and, if closed, open it for the user. The experience is elegant, smooth, and allows the user to maintain a visual sense of location within the whole site.

More detailed information, such as videos, are viewable through popups that highlight the content while maintaining the overall context of the Denny's website.

More detailed information, such as videos, are viewable through popups that highlight the content while maintaining the overall context of the Denny’s website.

Tags: , , , , , , , ,

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*