Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Presentation dogslife


Published on

A Dogs Life presentation

Published in: Design
  • Be the first to comment

  • Be the first to like this

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. Text adds a playful, friendly spirit. </li></ul><ul><li>Cover Image: To promote the </li></ul><ul><li>business goal of expert, caring </li></ul><ul><li>staff and organized quality work.. </li></ul><ul><li>Grid-design effect 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