Presentation dogslife


Published on

A Dogs Life Group website presentation

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Presentation dogslife

  1. 1. By the Doggone Design Dynamos <ul><li>A Dog’s Life : A full service facility that offers dog grooming, training, daycare, and vacation boarding services. </li></ul><ul><li>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. </li></ul>
  2. 2. <ul><li>Target Audience </li></ul><ul><li>Targeted to every dog owner who wants only the best for their dogs. </li></ul><ul><li>For high end pampering or basic vacation boarding. </li></ul><ul><li>A Dog’s Life targets customers who want their dog to experience luxury . </li></ul>
  3. 3. <ul><li>Client Expectations </li></ul><ul><li>To emphasis that ‘Services are more than worth the cost’ </li></ul><ul><li>Website should promote the highly trained expert Staff who care deeply for animals. </li></ul><ul><li>Site needs to bring in more business, expand their customer base and provide mass appeal. </li></ul>
  4. 4. <ul><li>Website Design Concept and Challenges </li></ul><ul><li>Create a professional, user-friendly website to promote and maintain a successful business. </li></ul><ul><li>To satisfy the client requirements, meet the business goals and encourage repeat visitors and referrals. </li></ul><ul><li>Application of efficient design principles </li></ul><ul><li>and web design best practices . </li></ul>“ 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
  5. 5. <ul><li>Page Layout </li></ul><ul><li>Scrapbook effect to impart a personal touch to the professional website . </li></ul><ul><li>2-column, jello- layout page template with centered orientation allows consistent flow of information. </li></ul><ul><li>Consistent header, footer and navigation area. Balance of text content on left and graphics on the right with adequate whitespace. </li></ul>
  6. 6. <ul><li>Design Elements </li></ul><ul><li>Contrast: Good contrast maintained between text, graphics and background. </li></ul><ul><li>Repetition : Repetitive elements like navigation, composition, typography and color. </li></ul><ul><li>Alignment: Left aligned text, aligned header and footer elements, image element balanced with right-alignment. </li></ul><ul><li>Proximity: Distinctly visible in text, image, navigation, micro-blogging links, contact information. </li></ul><ul><li>Balance: Layout balanced with the text, image, header, footer elements and proportionate whitespace . </li></ul>
  7. 7. <ul><li>Content Presentation: </li></ul><ul><li>Typography </li></ul><ul><li>Fonts: Web safe sans-serif font from Verdana font-family for increased readability and browser compatibility. </li></ul><ul><li>Size: Consistent, uniform standard web-safe size. Additionally, used as a design element to provide focal points to significant topics. </li></ul><ul><li>Color: Black font on light background for effective contrast, blue fonts in navigation links for increased accessibility. </li></ul>
  8. 8. <ul><li>Color </li></ul><ul><li>Body: White container background stands out gracefully against main body background color Beige. </li></ul><ul><li>Header: Dark Black for contrast and attention. </li></ul><ul><li>Footer: Light Black; subtle yet dominant. </li></ul><ul><li>Cover Image: Vibrant c olor picture against a black backdrop to bind the page flow with header and footer. </li></ul><ul><li>Text: Black and blue colors for balanced composition and usability. </li></ul>
  9. 9. <ul><li>Graphics </li></ul><ul><li>Logo : Image and color to render a rich and serene impression. </li></ul><ul><li>Text adds a playful, friendly spirit. </li></ul><ul><li>Cover Image: To promote the business goal of expert, caring staff and organized quality work. </li></ul><ul><li>Grid-design lends a </li></ul><ul><li>professional quality. </li></ul>
  10. 10. 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.
  11. 11. Browser Compatibility: Functionality:
  12. 12. Conclusion Team members Joe Saldana, Jyolsna Pillai, Cathy Ornburn Brian Hong