NGNG Design Samples

Healthy Michigan Dental

Download PDFs
HMD Pages PDF (hmd_web1280OPT.pdf 1.18MB)

HMD Typography Guide (hmd_web1280_Typography.pdf 236K)

Click HERE or on image to enlarge.

This is a static representation of the design and the enlarged view is intended to be viewed on a full-sized monitor of at least 1680px in width. The actual website will be responsive to device width.

The PDF version is optimized for print resolution and does not reflect actual size.

Notes:

The home page is divided into four sections; header/masthead, slide show, body, footer.

Header – contains the logo (home page link), social media icons, telephone number, “Contact Us” link, Web Portal link, and main navigation. This element is consistent throughout the site.

Slide Show – below the header is a “for placement only” image (smile) which represents the space reservation for a slide show which would contain three to five images on rotation. The slide show reservation also contains the Locator call to action and link.

Body – our body content is further divided into three sections; salutation, provider and member page links, and partners.

Footer – contains secondary navigation, social media and contact, secondary locator link, copyright, privacy and site map links, developer credit. This element is consistent throughout the site.

hmd_web1280_home

 

HMD Secondary Pages

Secondary pages may contain a two column layout or Right sidebar. This example shows our sample Providers page which includes an accordion type FAQ and two treatments if interior page links – in the sidebar and in the copy.

hmd_web1280_secondary

HMD Typography

hmd_web1280_typo


Theatre Historical Society

Download PDFs

THS Pages PDF (570k)

Click HERE or on image to enlarge.

This is a static representation of the design and the enlarged view is intended to be viewed on a full-sized monitor of at least 1680px in width. The actual website will be responsive to device width.

The PDF version is optimized and does not reflect actual size.

 

THS Secondary Pages

Secondary pages may contain a two column layout or Right sidebar.

Click HERE or on image to enlarge.

THS Menu Hover State

Click HERE or on image to enlarge.

Menu

THS Typography


SV Home Page with Sub-Menu

SV Interior Services Page

SV Interior Services Page – St. Charles

SV Interior Services Page – St. Charles, Massage Therapies


Tannen Law Group Home Page

Download PDFs

Tannen Design Concept PDF (2017 KB)

Click HERE or on image to enlarge.

This is a static representation of the design and the enlarged view is intended to be viewed on a full-sized monitor of at least 1680px in width. The actual website will be responsive to device width. ALL images are For Placement Only.

The PDF version is optimized and does not reflect actual size.

This concept would utilize a “Parallax” style home page. The Main navigation, located under the company logo/name, will scroll the page down to the appropriate section; for example, clicking on Who We Are will scroll the page down to the Who We Are section. The Secondary navigation (upper right, MENU with three bars) will open a “fly out” out or “take-over” menu from the right which will display the full navigation, including secondary/tertiary pages when clicked. Additionally, the buttons labelled “More” will allow the user to drill down into more detailed content such as the associate bios.

TLG Secondary Pages

Secondary pages contain a streamlined masthead to reduce overall clutter. The secondary navigation will control site navigation on all secondary pages.

Click HERE or on image to enlarge.

TLG Typography

Font usage consists of either system fonts (common font faces to all PCs and Macs) or dynamically loaded specialized fonts provided by Google Fonts.