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

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

Evolution
Definition
Design
TYPO3

Evolution
TYPO3

Personas
TYPO3

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

TYPO3

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.

Gerrit (Chief editor) Goals Improve
content quality Tasks Keep the Editors busy Reviews & publishes content Needs Publishing process

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 Jan 2009

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>

Sep 2009

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.

Clipboard
TYPO3

Communication
TYPO3

Modul view filter
TYPO3

Content editing
TYPO3

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.