• Save
Presentation dogslife
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


Presentation dogslife



A Dogs Life presentation

A Dogs Life presentation



Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Presentation dogslife Presentation Transcript

  • 1. 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.
  • 2.
    • 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 .
  • 3.
    • 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.
  • 4.
    • 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
  • 5.
    • 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.
  • 6.
    • 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 .
  • 7.
    • 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.
  • 8.
    • 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 c olor picture against a black backdrop to bind the page flow with header and footer.
    • Text: Black and blue colors for balanced composition and usability.
  • 9.
    • 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 effect lends a
    • professional quality.
  • 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. Browser Compatibility: Functionality:
  • 12. Conclusion Team members Joe Saldana, Jyolsna Pillai, Cathy Ornburn Brian Hong