Your SlideShare is downloading. ×
0
TYPO3 5.0
The taste of Phoenix




Illustration by Momkai - a digital creative agency for Software Inc.
http://www.behance...
Jens Hoffmann                          Björn Brockmann
Creative Director                      User Experience Lead
d.k.d I...
Evolution
Definition
Design

            TYPO3
Evolution




            TYPO3
Personas



           TYPO3
Woman


                                                                                                                  ...
TYPO3
Klaus & Margarete                       Robin              Hermine                     Gerrit                           Ge...
Gerrit (Chief editor)




Goals Improve content quality

Tasks Keep the Editors busy
      Reviews & publishes content

Ne...
TYPO3 Personas
   (Across TYPO3 versions)



http://j.mp/t3personas
Help to improve them!

                         TYPO3
Header



         TYPO3
2006
Switch to other user   <username> Logout


Frontend   Content   Templates   Reporting   System




                     Ja...
7
               Version.Build                              Username ! @ Workspace !      Logout   Global Head-Context-Men...
Sep 2009
99                   2                                                                                                    ...
Clipboard



            TYPO3
Communication



            TYPO3
Modul view filter



               TYPO3
Content editing



              TYPO3
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                      2                                                                                                 ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
99                    2                                                                                                   ...
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
T3CON10 - The taste of TYPO3 Phoenix
Upcoming SlideShare
Loading in...5
×

T3CON10 - The taste of TYPO3 Phoenix

9,422

Published on

T3CON10 - The taste of TYPO3 Phoenix

Presentation of the Design for TYPO3 5.0.
Hold at the TYPO3 Conference 2010 in Frankfurt German.

Published in: Design
6 Comments
5 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,422
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
155
Comments
6
Likes
5
Embeds 0
No embeds

No notes for slide

Transcript of "T3CON10 - The taste of TYPO3 Phoenix"

  1. 1. TYPO3 5.0 The taste of Phoenix Illustration by Momkai - a digital creative agency for Software Inc. http://www.behance.net/Gallery/Vabi-Phinix-_-Numex/137704 ... still evolving
  2. 2. Jens Hoffmann Björn Brockmann Creative Director User Experience Lead d.k.d Internet Service GmbH Leo Burnett GmbH Clients: Lufthansa, Telekom, Clients: Fiat, Harman Kardon, Cocoon, Anzag, Chevrolet Europe, TAZ, VGF, WWF Cadillac, Fissler, Kellogg´s, Samsung TYPO3 Design & Usability Team Leader TYPO3 Usability Team Member TYPO3 5.0 Core Team Member „Official TYPO3 Websites“ Team Member
  3. 3. Evolution Definition Design TYPO3
  4. 4. Evolution TYPO3
  5. 5. Personas TYPO3
  6. 6. Woman Creates Content Younger Texter Personality Younger or Old Man Student Implements Content Younger Cheap Employe Intern Personality Doesn't accept the status quo Pensioner Content Content Editor Wears ugly but modern closes Goals Keep content updated Implement design Goals Add, edit, move and delete content Tasks Create/Edit HTML, CSS ans JS code Produce news articles Adds fluid syntax to HTML templates Editor is restrained from a lot of things Tasks HTML Designer Review HTML quality Will never change the overall structure of a site Notes Review HTML-Design accuracy Front end editing You don't necessarily need typoscript Typically don't remember their password Beyond Dreamweaver Man Hacker dude Notes Mid age Types of HTML designers Experienced HTML developer Personality Used to Abstraction Former Designer Organizer and handles job with care Connects HTML with TYPO3 Goals Could handle responsibilities Create/Debug/Edit TypoScript Code Keep content updated and structured Tasks Goals Add/Edit Fluid Code into HTML templates HTML Integrator Structure the site Can edit TypoScript in the Content Manager Apply templates Backend or an extrnal Editor Notes Layout Edit content Formally known as TypoScript Editor Edit DAM structure Expand functionality Goals Tasks Edit Metadata Fix problems Index Media Connecting to other systems Modify page structures Write new Packeges Management Review content Testing Tasks Notes Needs to understand basic concepts Write stand-alone applications Woman Implement features Mid age Create/Edit PHP Code Personality Right hand of the boss Used to PowerTools PHP Developer Personas Lübeck Always charming Likes challenging tasks Goals Administer System Users Scrum meeting User Manager Users Defines tasks for today Tasks Create/Edit/Delete Groups Reads specifications Notes Rights Develop App Typical day for a PHP developer Typical from HR Tests in the backend QM Notes Not really used to the System Can see results in frontend Occasional usage of the System On monthly basis Loops between developing and testing Man Publish App Arrogant Humans are only Resources Afraid of sun light Stressed Low human skills Personality Unhappy In love with his PC Well dressed Linux & co. Like to show his skills by doing it the hard way Personality Weekly Haircut Uses the keyboard, not the mouse Smokes Wears one week the same closes Marketing Manager Goals Monitor performance of the site Pizza and Beer sculptured his impressive body running analytic queries Playes Online-games in his free time Tasks generate reports Keeping it secure no technical guy Wants to be able to script tasks Keep the system running System Administrator System used to excel word Securing Goals Notes Managing multiple installations Report all ways running out of time Upgrading lives in email Setting up TYPO3 Woman Housekeeping Good People/Soft skills Installing Well dressed Optimizing Tasks Personality Stressed Updating Too much coffee TYPO3 running backups Project Manager Vegetarian Never sees the backend? Notes manage human resources lives in the shell Goals Getting website live monitoring employees workloads Tasks Quality Management Language Notes Need to use Informations Externally
  7. 7. TYPO3
  8. 8. Klaus & Margarete Robin Hermine Gerrit Genie Content Editor Content Manager User Manager Chief editor Translator Content Management Mr. Hartman Bill Cornelius Gallus Roger Kaspersky Project Manager Marketing Manager HTML Designer TYPO3 Integrator PHP Developer System Administrator Report Layout System All Personas are Models on the Pictures here and take distance from the work context we made up.
  9. 9. Gerrit (Chief editor) Goals Improve content quality Tasks Keep the Editors busy Reviews & publishes content Needs Publishing process
  10. 10. TYPO3 Personas (Across TYPO3 versions) http://j.mp/t3personas Help to improve them! TYPO3
  11. 11. Header TYPO3
  12. 12. 2006
  13. 13. Switch to other user <username> Logout Frontend Content Templates Reporting System Jan 2009
  14. 14. 7 Version.Build Username ! @ Workspace ! Logout Global Head-Context-Menus State / URL View Content Layout Report Administation Dashboard 7 Edit Icons Qucksilver Item 1 <name> <property> <?> <date> <version> <state> Item 1 Item 2 <name> <property> <?> <date> <version> <state> Item 2 Item 2-1 <name> <property> <?> <date> <version> <state> Item 2-1 Item 2-2 Item 2-2 Item 3 Item 3 Item 3-1 Item 3-1 Item 3-2 Item 3-2 Item 3-2-1 Item 3-2-1 Item 3-2-2 Item 3-2-2 Item 4 Item 4 Item 5 Item 5 <name> <property> <?> <date> <version> <state> Item 6 Item 6 <name> <property> <?> <date> <version> <state> Jul 2009 <name> <property> <?> <date> <version> <state> <name> <property> <?> <date> <version> <state> <name> <property> <?> <date> <version> <state> <name> <property> <?> <date> <version> <state>
  15. 15. Sep 2009
  16. 16. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Mai 2010 Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Activate Content Editing Level 2 via a "Double Click" any- Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. content frame where in the Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam.
  17. 17. Clipboard TYPO3
  18. 18. Communication TYPO3
  19. 19. Modul view filter TYPO3
  20. 20. Content editing TYPO3
  21. 21. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Active editing mode Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  22. 22. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Activate Content Editing Level 2 via a "Double Click" any- Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. content frame where in the Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  23. 23. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  24. 24. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam element Sorry, you can't edit this Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  25. 25. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Julia is editing this since 15:37 o'clock Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor Sorry, some else is already editing this. lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Contact him via Chat to get feedback. Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  26. 26. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue Julia is editing this eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 since 15:37 o'clock accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. to see user editing Infos "Rollover" a Block sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. - Chat with Editor (if it gets edited) - View rights for edit block (if available) - View rights to move block (if available) Suspendisse potenti. Donec faucibus. Nunc placerat justo et - View rights to delete block (if available) dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  27. 27. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu"Single-Click" to select a block lorem. Duis varius mauris vel augue. lacus, bibendum in, neque sed pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer "Single-Click" + SHIFT to multi-select block's felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. "Single-Click" + STRG to move a block (Indicate via Cursor on Rollover) Suspendisse potenti. Donec faucibus. Nunc "Double-Click"et edit a block placerat justo to dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  28. 28. 99 2 State ▼ 5 Version.Build Clipboard groups edit Default ▼ Custom Images ▼ Custom Texts ▼ Custom Lorem ▼ + Hallo, Real Username Logout Recycler ▼ 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Moved ▶ 13 1 3 8 Site search ... Website User Jens Pic of a car Clipboard entry Search me Lorem Ipsum Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse Level 2 ut purus. Suspendisse tristique. Cras et sem at odio is processed, After a selection porttitor mattis. Donec dignissim ornare tortor. Donec could be move on the page. it lectus turpis, tempor id, cursus vitae, eleifend in, risus. Aenean (Called: Short distance move) turpis. Mauris ultricies quam malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta To Move (over large distances), sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta to clipboard "drop-zone" drag&drop lacus id pede. Nulla scelerisque lorem ut quam. To Delete (or remove a instance), drag&drop to recycler "drop-zone" Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Cras lectus. Sed imperdiet placerat est. Etiam Duis at magna id pede vestibulum accumsan. Suspendisse at accumsan felis eget ligula. Proin auctor, nibh massa. Proin eleifend. Vestibulum interdum. Mauris sed volutpat pellentesque, tortor lectus Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl condimentum felis, sit amet accumsan leo dui dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus. ut ligula. Pellentesque convallis. Duis dapibus neque sed lorem.
  29. 29. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer Activate Aloha Inline Editor via felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. "double click" onto any a accessable Content Element Suspendisse potenti. Use ESC key or click on the Donec faucibus. Nunc placerat justo et dolor lobortis aliquet.CMS head, to suscipit, nunc ut laoreet Vestibulum deactivate Aloha porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  30. 30. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Text selection Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor Propertys Format lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Presets Parameter Add Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. sit amet, iaculis nec, est. Proin scelerisque lectus quis lectus. Integer felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla scelerisque lorem ut quam. Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  31. 31. 99 2 State 5 Version.Build Hallo, Real Username Logout 3 Content Management Report Layout System Dashboard Domain.org / Live / Content Group A + CG B / Admin / English & French / Design 2010 + Wireframe Style Site search ... Brand logo (Home) Login / Register Level 1 Level 1 Level 1 Level 1 Level 1 Level 1 Site switcher Rootline CTA AD Titel Nr Level 2 Lorem ipsum dolor sit amet consectateur Level 3 ▼ nonummy lorenzino. Interdum volgus videt, est ubi Level 4 peccat. Si veteres ita miratur laudatque poetas, ut Level 4 ▶ nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere Level 4 credit eos. Level 4 Suspendisse potenti. Donec faucibus. Nunc placerat justo et dolor Propertys Format lobortis aliquet. Vestibulum suscipit, nunc ut laoreet porttitor, massa Presets Parameter Add Level 2 nulla ultricies sem, ut blandit dolor justo ut lorem. Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum Level 2 accumsan. Suspendisse at massa. Proin eleifend. Level 2 Cras lectus. Sed imperdiet placerat est. Etiam Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse accumsan felis eget ligula. Proin auctor, nibh Level 2 ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis. sed volutpat pellentesque, tortor lectus Donec dignissim ornare tortor. Donec lectus turpis, tempor id, cursus condimentum felis, sit amet accumsan leo dui vitae, eleifend in, risus. Aenean turpis. Mauris ultricies quam ut ligula. Pellentesque convallis. Duis dapibus malesuada ligula. Vivamus neque. Maecenas arcu lacus, bibendum in, neque sed lorem. Duis varius mauris vel augue. Change selection to ... pretium ut, imperdiet a, augue. Vivamus lorem velit, placerat non, porta Aliquam a massa. Select a word by sit amet, iaculis nec, est. Main Content Arealectus quis lectus. Integer └ Proin scelerisque felis. Duis sagittis auctor eros. Vivamus porta lacus id pede. Nulla clicking "into" text scelerisque lorem ut quam. Grid element 70% / 30% └ └ Column 70% width Suspendisse potenti. Donec Untitled paragraph └ faucibus. Nunc placerat justo et dolor lobortis aliquet. Vestibulum suscipit, nunc ut laoreet └ Text selection porttitor, massa nulla ultricies sem, ut blandit dolor justo ut lorem. Platinum Ad Maecenas at augue eget ante consectetuer tempor. Duis at magna id pede vestibulum accumsan. Suspendisse at massa. Proin eleifend. Vestibulum interdum. Mauris Platinum Ad pellentesque. Vivamus mollis viverra elit. Aliquam vulputate nisl dapibus elit. Ut ut dui ut libero sagittis malesuada. Sed in lectus.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×