By the Doggone Design Dynamos

• A Dog’s Life: A full service facility that offers dog grooming, training, daycare, and vacation boarding services.

• Aim: To support and enhance the goals of the business. Design team would help the facility to take their business to the next stage of marketing with an efficient website design.

Target Audience

• Targeted to every dog owner who wants only the best for their dogs.

• For high end pampering or basic vacation boarding.

• A Dog’s Life targets customers who want their dog to experience luxury .

Client Expectations

• To emphasis that ‘Services are more than worth the cost’

• Website should promote the highly trained expert Staff who care deeply for animals.

• Site needs to bring in more business, expand their customer base and provide mass appeal.

Website Design Concept and Challenges

• Create a professional, user-friendly website to promote and maintain a successful business.

• To satisfy the client requirements, meet the business goals and encourage repeat visitors and referrals.

• Application of efficient design principles and web design best practices .

“It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away.” Antoine de Saint

Page Layout

• Scrapbook effect to impart a personal touch to the professional website .

• 2-column, jello- layout page template with centered orientation allows consistent flow of information.

• Consistent header, footer and navigation area. Balance of text content on left and graphics on the right with adequate whitespace.

Design Elements

• Contrast: Good contrast maintained between text, graphics and background.

• Repetition: Repetitive elements like navigation, composition, typography and color.

• Alignment: Left aligned text, aligned header and footer elements, image element balanced with right-alignment.

• Proximity: Distinctly visible in text, image, navigation, micro-blogging links, contact information.

• Balance: Layout balanced with the text, image, header, footer elements and proportionate whitespace.

Content Presentation:

Typography

•Fonts: Web safe sans-serif font from Verdana font-family for increased readability and browser compatibility.•Size: Consistent, uniform standard web-safe size. Additionally, used as a design element to provide focal points to significant topics.•Color: Black font on light background for effective contrast, blue fonts in navigation links for increased accessibility.

Color

• Body: White container background stands out gracefully against main body background color Beige.

• Header: Dark Black for contrast and attention.• Footer: Light Black; subtle yet dominant.• Cover Image: Vibrant color picture against a black

backdrop to bind the page flow with header and footer.• Text: Black and blue colors for balanced composition

and usability.

Graphics•Logo : Image and color to render a rich and serene impression.

Text adds a playful, friendly spirit.

• Cover Image: To promote the business goal of expert, caring staff and organized quality work. Grid-design lends aprofessional quality.

Navigation: Main website navigation menu appears just below the header ‘user-friendly’. Blue color (though slightly out of context) improves accessibility.Links added to footer to aid ease in case of content with vertical scrolling.

Accessibility: Navigation is structured in an unordered list. Appropriate title, alt attributes, captions, included.Layout and HTML language created to assist screen readers.

Browser Compatibility:

Functionality:

Conclusion

Team members

Joe Saldana,Jyolsna Pillai,Cathy OrnburnBrian Hong