Web Design

Read a few paragraphs about Web Design Concepts, below. See a brief overview of Responsive Web design with screen shots. Tap an image link below, for Web design examples and articles.

Web Design Concepts

Seven Thunder Software applied some Google material design principles with bold flat color. An uncluttered, clear, layout helps visitors find their way around a Website. Games and other interactive media often apply saturated bright colors however primarily textual content, such as tutorials, use white space and font contrast for graphical composition.

Font color, weight, spacing, graphics, texture, color, and line, lead the Web visitor's eyes around each Web page. Good design helps visitors find what they want quickly. Great design is consistent, easy to use, and beautiful.

Link Indicators

User interaction cues include shadows, translucency, and color changes. Tap or hover over buttons or image links and they float above the page with soft shadows. Tap or hover over icons and they display with different opacity levels. Opacity refers to the amount of background color which shows through a Web page element. For example a white icon displays grey, with 50% opacity, over a black background. Shadows and opacity provide visual indicators for Web visitors. Shadows and opacity let the visitor know when a particular element links to another area.


Each Website relies on a small set of style sheets. The styles provide layout, color, and some interaction for every page on a site. Change the style sheets to modify the Website quickly. Universal style sheets save time and money.

Hamburger Icon

More or Hamburger Icon

Tap Hamburger icons to see menu options slide from the top or left in a navigation drawer. The maximum number of menu options equals seven to prevent decision fatigue. Too many decisions cause confusion. Visitors leave quickly when there's difficulty finding what they want. Good design helps visitors easily find their way.


Top navigation bars allow visitors to easily find their way around. The navigation bar is a horizontal area with links to topical sections of a Website. Navigation bars include a set of important Web links including the hamburger icon. The navigation bar remains the same for every page on a Website. Consistency is key to ease of navigation.

Each page includes a site map link, either within the navigation drawer or at the bottom of the Web page. Each navigation bar includes a search link or search icon. Visitors select, easy to find, search or site map links when looking for specific topics.

Search Engine Optimization (SEO)

SEO ideally drives as much traffic as possible to your Website. For example Google Adsense provides features which allow Web masters to see how many times users searched for specific words and phrases. Include applicable, sought after, words and phrases in your Web pages, to bring the most visitors to your site. If online searches link to your site, high on the list, more visitors view your Website.

Additional Google features allow Web masters to track Web usage on your Website. You can see how many times users viewed various Web pages and which path visitors took to find that page. Sometimes tracking paths indicate where we lost visitors, which tells us which pages need some work. User flow teaches us how to increase visitors to the least traveled pages and maximize potential for the most traveled pages.

Good Design

Good design helps visitors find what they want quickly, whether they're on a mobile device or desktop computer. Great design is consistent, easy to use, and beautiful.

Read More!

See a brief overview of Responsive Web design with screen shots.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.