Published on

Published in: Technology, Business
  • 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
  • 09/02/11 HP_presentation_template The HP brand elements have evolved. New elements include: The +hp brand device will be used throughout our communications, but does not replace the HP logo. Photography will continue to provide most of our main visuals at all levels The photographic style is bold, rich, simple, graphic, optimistic, energetic, tangibly real, and timelines. Photographs should never look staged. While black and white photography is a creative option, it is the exception, not the rule. Illustrations can be used in certain cases where it is more suitable or inventive than photography. The HP illustration is bold, sophisticated and poster-like. It should never look like clip art. Graphics are another new unifying element which enhances the meaning of the communications. Graphics can stand alone or be applied over photography or illustration. They are not arbitrary or merely decorative. They must advance the meaning of the communication. Approved photography, illustrations and graphics will be made available in the Creative Resource Library (CRL). To ensure color in our work is consistently bold, simple and vibrant, we’ve simplified our color palette to 16 colors. HP’s one and only typeface is HP Futura. No other font is as simple or as versatile. The HP invent logo will appear in blue, black or reversed white depending upon the communication. The way we speak is as important as what we say. The HP tone of voice is intelligent, informative, human, optimistic and witty. It is not arrogant, obscure or negative. It is not filled with jargon or jokes. Copy should be brisk and informative, pragmatic but never dull. It should reflect our passion for our customers and for our work.
  • 09/02/11 HP_presentation_template HP.com is a critical customer touch point The site is evolving to align with the Operation One Voice corporate initiative in support of delivering a single voice out to the customer In redesigning the site we also ensured that we are supporting the eBusiness vision of becoming the #1 Rated High-Tech Web Site, the #1 Customer Satisfaction Web Site, #1 in eCommerce Revenue, and #1 in eBusiness Efficiency The design, IA, and tagging that make up HP.com play a key role in delivering on that eBusiness vision and driving for a 1:1 relationship with our customers
  • 09/02/11 HP_presentation_template The home page supports the new messaging model The home page and top-level landing pages maintain a different look and feel from lower level pages It reflects some of the new key design changes used throughout the site: A single, bold theme color OOV compliant imagery Square corners New capitalization rules
  • 09/02/11 HP_presentation_template Elements of the design: A new design system hierarchy defines how important content is highlighted on the page Button color and style has changed Promos have changed stylistically Behind the scenes, new meta data requirements will help achieve increased customer satisfaction
  • 09/02/11 HP_presentation_template Some elements of the design are unchanged from the previous version of the standards: C-frame structure Information Architecture Column structure Navigation Fonts Link Indicator Breadcrumbs
  • 09/02/11 HP_presentation_template HP.com has a new, bold color palette A single theme color is used per page with supporting grays to make important information pop “ Standard English rules” are now used for capitalization Use initial cap for first word only in headlines, page titles, sub-heads, navigation links, and bulleted text Buttons, tabs, images, and highlighted content areas all have squared corners The guidelines for highlighting content with color have expanded to include hierarchy in the page design Only Operation One Voice images can be used on HP.com These are governed by the brand team and available through the Creative Resource Library (CRL) A group of new meta tags are required on all pages
  • 09/02/11 HP_presentation_template Areas to point out and describe: helpdesk link, site search, each major area on the left nav, news and updates section
  • 09/02/11 HP_presentation_template Talk about the items available for download here
  • 09/02/11 HP_presentation_template
  • hp

    1. 1. TIE 532
    2. 2. Biographical Overview <ul><li>William Hewlett, along with co-founder, David Packard, formed the Hewlett-Packard Company. He was born in Ann Arbor, Michigan. </li></ul><ul><li>Received his MS degree in electrical engineering from MIT in 1936, and the degree of Electrical Engineer from Stanford in 1939. </li></ul><ul><li>Formally incorporated Hewlett-Packard Company on January 1, 1939. </li></ul>Hardman, Brian
    3. 3. Contd. Bio. Overview <ul><li>He was President of HP from 1964 to 1977, and served as CEO from 1968 to 1978, when he was succeeded by John Young. He remained chairman of the executive committee until 1983, and then served as vice chairman of the board until 1987. </li></ul>Hardman, Brian
    4. 4. Major Accomplishments <ul><li>“ The HP company was Silicon Valley's defining partnership. It was also the valley's first major start-up Scientific technology company, and one of its most successful.” Silicon Valley was originally a thriving orchard.(Hewlett.org) </li></ul><ul><li>In 1951 HP developed a high speed frequency counter. They were used by radio stations to send out better signal strength. This technology succeeded their frequency oscillator—that was used in vital signs monitors used in the field of medicine. The elec. Circuit in the oscillator produced a repetitive elec. Signal. </li></ul><ul><li>In 1964 HP developed the first desktop calculator. </li></ul><ul><li>In 1966 HP sold the first generation personal computer. The HP 2115. (Computers were ONLY found in large companies before this release.) </li></ul><ul><li>In 1972 HP released the first scientific hand-held calculator. </li></ul><ul><li>In 1966, he and his wife founded the William and Flora Hewlett Foundation. (hewlett.org) </li></ul><ul><li>In 1982 HP sold the first desktop mainframe computer. </li></ul><ul><li>In 1995 he received the Lemelson-MIT Prize Lifetime Achievement Award. (hewlett.org) </li></ul>
    5. 5. Long-term significance of Mr. Hewlett’s accomplishments <ul><li>Science, business management medicine, and technology have all benefited from Mr. Hewlett’s accomplishments. The HP company set new standards that helped revolutionized the business, and technology sectors. </li></ul>
    6. 7. Foundational HP brand elements page Typography HP Futura Tone of voice human, optimistic, intelligent, informative, dynamic, and witty Core color palette Bold, rich, vibrant; powerful impact within a narrow palette; optimized for digital publishing Photography Bold, rich, simple, optimistic, dynamic, believable, timeless Brand device Graphics A new unifying element; enhances the meaning of the communication, not arbitrary or decorative HP invent logo Blue and black, blue, black or reversed white Pervasive throughout our communications, applied through specific standards, never replaces our logo i n v e n t Illustration In certain cases, illustration may be suitable, or more inventive, than photography i n v e n t
    7. 8. HP.com customer experience evolution page September, 2003 HP Web standards site - http://www.hp.com/hpweb Adweek 2003 Technology Marketing's ICON Platinum Award for Best Interactive Web Site Category – HP.com American Business Award’s “Stevie” for Best Corporate Web Site – HP.com Ranked #1 amongst High-technology companies for online Customer Respect by the Customer Respect Group – HP.com Internet Retailer’s 2003 Best of the Web - High-Tech line-up – HPShopping Future Complexity, Cost, Competitive risk 1995 Baseline info. 2003+ E-commerce HP.com HP.com B2B myHP.com (personalized, dynamic rendering) HP -Compaq merger HP IT Resource Center support site was selected as one of the 2003 &quot;Ten Best Web Support Sites&quot; by the Association of Support Professionals (ASP). 2001 (pre-merger) 2002 (day 1 after merger) 2003 (One Voice) 2003 (current)
    8. 9. page September, 2003 HP Web standards site - http://www.hp.com/hpweb Introduction to the new design
    9. 11. The new design – HP home page page
    10. 12. The new design – segment landing page page
    11. 13. The new design – directory page page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    12. 14. The new design – product / content level page page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    13. 15. The new design – product / content level page page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    14. 16. Color palette <ul><li>The available theme colors are: </li></ul>page September, 2003 HP Web standards site - http://www.hp.com/hpweb <ul><li>The supporting grays are: </li></ul>* for use on corporate pages only
    15. 17. HP Web standards home page September, 2003 HP Web standards site - http://www.hp.com/hpweb *
    16. 18. HP Web standards home continued page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    17. 19. HP Web standards home continued page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    18. 20. Privacy and Accessibility <ul><li>In addition to complying with the design guidelines, you must also comply with HP’s privacy and accessibility guidelines </li></ul><ul><li>Link to detailed information on both privacy and accessibility guidelines from the Web standards home page </li></ul>page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    19. 21. Templates and other assets page September, 2003 HP Web standards site - http://www.hp.com/hpweb Link to the Download assets page from the Web standards home page to obtain new templates and other items you will need to begin developing pages
    20. 22. Download assets page page September, 2003 HP Web standards site - http://www.hp.com/hpweb
    21. 23. HP logo page September, 2003 HP Web standards site - http://www.hp.com/hpweb