Alex jeff presentation_final_2
1 like293 views
- User testers found the website threw too much information at users all at once and it felt intimidating and crowded. It should be the website's job to easily and engagingly disseminate information at an appropriate pace. - The document discusses refining Atlassian's brand identity, including defining a visual vocabulary, refreshing logos, and collaborating on wireframes and information architecture before testing and launching the new design.
Alex jeff presentation_final_2
- 1. “The site seems crowded, which feels intimidating... makes it feel like it’s users responsibility to disseminate information. It should the website’s job to easily and engagingly offer that information at an even speed. It feels like too much information is thrown at you all at once.” –User Tester #1 “Too much information.” –User Tester #2
- 2. The Four Cs Clear & Concise Contemporary & Cheeky are the rudder to the ship
- 3. How we get there.
- 4. Tone of Voice Atlassian Rebrand
- 6. Our Voice Atlassian Rebrand “How the Atlassian Plugin SDK Cured Cancer and Reunited Soundgarden” —Ben Speakmon, Atlassian
- 7. Our Voice Atlassian Rebrand “The day has finally come. You’ve heard rumors. You’ve seen strange, scut- tling creatures out of the corner of your eye. You MAY have even heard the sound of dice hitting a table. The wait is over. .... Q. What’s D&D? A. Hanging out with friends telling stories. Q. No, seriously. A. Seriously, you have fun together imagining awesome stuff. .... Q. That sounds nerdy. A. You work for a software company. Get over it.
- 8. Don’t #$%@ the customer Our Voice We should strictly apply this value to all of our writing. “Is this new addition creating visual noise to serve a small set of visitors?” Things to avoid: • Marketing Lingo • Cliches • Repetition / redundant language • Adding words just for SEO juice • Inconsistent descriptions of the products • Lose the Australian spelling mate! Atlassian Rebrand
- 15. Define a visual vocabulary Atlassian Rebrand
- 18. Refresh our logos Atlassian Rebrand
- 20. So what’s it look like? So what’s it gonna look like?
- 21. Products Pricing Company New & Improved Logo Tools to support your software development team from concept to launch. From task tracking to document collaboration to code collaboration we support companies large and small all over the world. Here’s a few of the 20,000 customers who use our tools: Your dev cycle. Our tools. So happy together. (1:20) What tools are right for you? Let’s break it down. JIRA does task tracking Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Confluence does document collaboration Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Dev Tools do code collaboration Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tu- eros dolum velessendiat. JIRA Studio does it all. Hosted, to boot. Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Awesome Infographic Diagram Awesome Infographic Diagram Awesome Infographic Diagram Awesome Infographic Diagram DIG ON INQUICK PEEK DIG ON INQUICK PEEK DIG ON INQUICK PEEK DIG ON INQUICK PEEK The full menu—Available a la carte, best served together JIRA asd asdas dasad dsa Greenhopper asd asdas dasad dsa Confluence asd asdas dasad dsa Studio asd asdas dasad dsa Get to know us Bitbucket asd asdas dasad dsa Fisheye asd asdas dasad dsa Crucible asd asdas dasad dsa Bamboo asd asdas dasad dsa Clover asd asdas dasad dsa Crowd asd asdas dasad dsa IDE Connector asd asdas dasad dsav Something asd asdas dasad dsa Something asd asdas dasad dsa Something asd asdas dasad dsav Dev Cycle Video BUY SIGN UP LOG IN
- 22. Productss Pricing Company New & Improved Logo Tools to support your software development team from concept to launch. From task tracking to document collaboration to code collaboration we support companies large and small all over the world. Here’s a few of the 20,000 customers who use our tools: Your dev cycle. Our tools. So happy together. (1:20) What tools are right for you? Let’s break it down. JIRA does task tracking Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Confluence does document collaboration Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Dev Tools do code collaboration Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tu- eros dolum velessendiat. JIRA Studio does it all. Hosted, to boot. Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Awesome Infographic Diagram Awesome Infographic Diagram Awesome Infographic Diagram Awesome Infographic Diagram DIG ON INQUICK PEEK DIG ON INQUICK PEEK DIG ON INQUICK PEEK DIG ON INQUICK PEEK The full menu—Available a la carte, best served together JIRA asd asdas dasad dsa Greenhopper asd asdas dasad dsa Confluence asd asdas dasad dsa Studio asd asdas dasad dsa Get to know us Bitbucket asd asdas dasad dsa Fisheye asd asdas dasad dsa Crucible asd asdas dasad dsa Bamboo asd asdas dasad dsa Clover asd asdas dasad dsa Crowd asd asdas dasad dsa IDE Connector asd asdas dasad dsav Something asd asdas dasad dsa Something asd asdas dasad dsa Something asd asdas dasad dsav Dev Cycle Video BUY SIGN UP LOG IN • Ut wis del ullupta tueros dolum velessendiat. • Ellupta tueros dolum velessendiat. • Ut wis del ullupta tueros dolum velessendiat. • Ellupta tueros dolum velessendiat. • Rrera tueros dolum velessendiat. DIG IN Screenshot Notation notation Notationnotation Notation notation
- 23. Productss Pricing Company New & Improved Logo Tools to support your software development team from concept to launch. From task tracking to document collaboration to code collaboration we support companies large and small all over the world. Here’s a few of the 20,000 customers who use our tools: Your dev cycle. Our tools. So happy together. (1:20) What tools are right for you? Let’s break it down. JIRA does task tracking Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Confluence does document collaboration Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Dev Tools do code collaboration Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tu- eros dolum velessendiat. JIRA Studio does it all. Hosted, to boot. Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. Ut wis del ullupta tueros dolum velessendiat. Awesome Infographic Diagram Awesome Infographic Diagram Awesome Infographic Diagram Awesome Infographic Diagram DIG ON INQUICK PEEK DIG ON INQUICK PEEK DIG ON INQUICK PEEK DIG ON INQUICK PEEK The full menu—Available a la carte, best served together JIRA asd asdas dasad dsa Greenhopper asd asdas dasad dsa Confluence asd asdas dasad dsa Studio asd asdas dasad dsa Get to know us Bitbucket asd asdas dasad dsa Fisheye asd asdas dasad dsa Crucible asd asdas dasad dsa Bamboo asd asdas dasad dsa Clover asd asdas dasad dsa Crowd asd asdas dasad dsa IDE Connector asd asdas dasad dsav Something asd asdas dasad dsa Something asd asdas dasad dsa Something asd asdas dasad dsav Dev Cycle Video BUY SIGN UP LOG IN Dunt aliquam, volor sit, sit ut ut augait accum ad tat. Odo lenim niamconsent prat lute te tionsendre cor si. • Ut wis del ullupta tueros dolum velessendiat. • Ellupta tueros dolum velessendiat. • Rrera tueros dolum velessendiat. DIG IN Screenshot Notation notation Notationnotation Notation notation Explore Code with FishEye Review code with Crucible Code Repository with BitBucket Continuous Integration with Bamoo NEXT DEV TOOL
- 24. Roadmap Atlassian Rebrand Information gathering Collaborate on wireframing / information architecture Define a visual language—including logo refresh Get a copywriter Test, test, test, seriously Tweak Test Launch!