0 0 12px 0 0 10px 032px85% 50%titlecenter

Image Removed

Content Layer

background-color	$darkColor
padding	40px 0
margin	0px 0 0 0
container-background-color	$darkColor
id	412943283

padding	60px

Content Column

width	100.00002%
id	412943285

Content Block

border-radius

0px

padding

0
background-repeat	no-repeat

margin

background-size

name
1400px

Key

border-width

0px

background-position

id
P1: Hero Desktop

868227794

299736009
background-image	Methodology-P1-BG-B

class

clean hero-script

height

20px

Action Button
margin 0
link company:Software Services Design for Collaboration Hubs
text ← Back to Brikit
align top left
class ghost small

HTML Wrap

padding	12px 0 0 0
width	120px
align	top right

Image Removed = Learn More

Content Block

background-color

$whiteColor

border-radius

0px

margin

10px 0 0 0

background-size

cover

name

Title

border-width

0px

background-image

background-position
.png

center

Content Column

width	100%
id	299736019

id

412943284

class

clean scale-height-for-mobile

height

230px

Block Link

selector	.title .block-toggle

HTML Wrap

margin	0 14px 14px 0
align	bottom right

Content Block

background-color	$primaryColor
border-radius	0px
padding	40px 10%
margin	0transparent
name	Title More	border-color	transparentDesktop
border-width	0px
id	414668851299736020
class	title clean herojuicy-scripttext
collapsible	collapse on mobile

Methodology

Based on more than a decade working with fast-growing and Fortune 500 companies, here are the proven phases and activities that are essential for success.

margin

Content Block

0	background-size	cover	border-color	transparent
background-position	center center
border-radius	0px
background-repeat	no-repeat
name	Design
border-width	0px
background-image	design.png
id	415113014
class	clean design-control scale-height-for-mobile
height	559px

Block Link

selector	.design .block-toggle

HTML Wrap

margin	0 14px 14px 0
align	bottom right

Image Removed

Content Block

margin	30px 0 0
background-color	$primaryColor
border-radius	0px
padding	10px 3.5% 20px 3.5%
margin	0
name	Design MoreMobile
border-width	0px
id	415908902460658534
class	design clean hero-script link-list-whitejuicy-text-mobile-small
collapsible	collapse on desktop

HTML Wrap

margin	40px 0 40px 0
class	treat-as-block-for-mobile

Before you can get there,
you need to know where you're going.

HTML Wrap

margin	0px 60px 10px 100px
width	380px
align	left
class	treat-as-block-for-mobile

INFORMATION DESIGN

Tools should fit your organization, not the other way around.

HTML Wrap

margin	0px 10px 10px 100px
width	400px
align	left
class	treat-as-block-for-mobile

VISUAL DESIGN

Build company culture, ease information consumption, and boost employee engagement.

HTML Wrap

margin	0 10px 10px 100px
clear	both
width	1000px
class	treat-as-block-for-mobile

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	read.png
background-position	top left
align	left
class	treat-as-block-for-mobile

READ

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	30px
width	150px
background-image	watch.png
background-position	top left
align	left
class	treat-as-block-for-mobile

WATCH

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	tools.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TOOLS

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	training.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TRAINING

Theme Designer

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	services.png
background-position	top left
align	left
class	treat-as-block-for-mobile

SERVICES

HTML Wrap

margin	40px 0 0 0
class	treat-as-block-for-mobile

Your wireframes and theme designs are ready for the builders to get to work.

Content Block

border-radius	0px
background-repeat	no-repeat
margin	0
background-size	cover
name	Build
border-width	0px
background-image	build.png
background-position	center center
id	415118980
class	clean scale-height-for-mobile
height	605px

Block Link

selector	.build .block-toggle

HTML Wrap

margin	0 14px 14px 0
align	bottom right

Image Removed

Content Block

background-color	$mediumColor
border-radius	0px
padding	10px 2% 20px 2%
margin	0
name	Build More
border-width	0px
id	869262950
class	build clean hero-script link-list-white
collapsible	collapse

HTML Wrap

margin	40px 0 20px 0
class	treat-as-block-for-mobile

Here your designs become real
alongside tools that help users go faster.

HTML Wrap

margin	10px 20px 10px 80px
width	290px
align	left
class	treat-as-block-for-mobile

CONTENT STRATEGY

Blueprints, workflows, and archiving for speed, consistency, and quality control.

HTML Wrap

margin	10px 20px
width	290px
align	left
class	treat-as-block-for-mobile

BUILDOUT

Create landing pages and spaces, configure taxonomies, wire menus, set up permissions

HTML Wrap

margin	10px 80px 10px 20px
width	290px
align	left
class	treat-as-block-for-mobile

USER GUIDE

Illustrate use of your information and visual designs, blueprints, and content lifecycle.

HTML Wrap

margin	0 10px 10px 100px
clear	both
width	1000px
class	treat-as-block-for-mobile

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	read.png
background-position	top left
align	left
class	treat-as-block-for-mobile

READ

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	30px
width	150px
background-image	watch.png
background-position	top left
align	left
class	treat-as-block-for-mobile

WATCH

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	tools.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TOOLS

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	training.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TRAINING

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	services.png
background-position	top left
align	left
class	treat-as-block-for-mobile

SERVICES

HTML Wrap

margin	40px 0 0 0
class	treat-as-block-for-mobile

All set for department heads, project leads, and communications directors to make the site feel lived-in.

Content Block

border-radius	0px
background-repeat	no-repeat
margin	0
background-size	cover
name	Launch
border-width	0px
background-image	launch.png
background-position	center center
id	909812926
class	clean scale-height-for-mobile
height	606px

Block Link

selector	.launch .block-toggle

HTML Wrap

margin	0 14px 14px 0
align	bottom right

Image Removed

Content Block

background-color	$tertiaryColor
border-radius	0px
padding	10px 2% 20px 2%
margin	0
name	Launch More
border-width	0px
id	909730456
class	launch clean hero-script link-list-white
collapsible	collapse

HTML Wrap

margin	40px 0 20px 0
class	treat-as-block-for-mobile

Ensure day-one success
by preparing for the broader community.

HTML Wrap

margin	10px 20px 10px 80px
width	290px
align	left
class	treat-as-block-for-mobile

MOVE-IN

Migrate meaningful content from existing systems to provide continuity.

HTML Wrap

margin	10px 20px
width	290px
align	left
class	treat-as-block-for-mobile

CONTENT CREATION

Fresh material to engage visitors and illustrate how to contribute.

HTML Wrap

margin	10px 80px 10px 20px
width	290px
align	left
class	treat-as-block-for-mobile

LAUNCH PLAN

Manage change with awareness campaigns, training, and scripted on-boarding.

HTML Wrap

margin	0 10px 10px 100px
clear	both
width	1000px
class	treat-as-block-for-mobile

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	read.png
background-position	top left
align	left
class	treat-as-block-for-mobile

READ

Ten Habits That Create A Culture Of Collaboration

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	30px
width	150px
background-image	watch.png
background-position	top left
align	left
class	treat-as-block-for-mobile

WATCH

Getting More From Your Confluence Investment Webinar

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	tools.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TOOLS

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	training.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TRAINING

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	services.png
background-position	top left
align	left
class	treat-as-block-for-mobile

SERVICES

HTML Wrap

margin	40px 0 0 0
class	treat-as-block-for-mobile

Your site is ready to engage your whole community.

Content Block

border-radius	0px
background-repeat	no-repeat
margin	0
background-size	cover
name	Operate
border-width	0px
background-image	operate.png
background-position	center center
id	909852546
class	clean scale-height-for-mobile
height	608px

Block Link

selector	.operate .block-toggle

HTML Wrap

margin	0 14px 14px 0
align	bottom right

Image Removed

Content Block

background-color	#565794
border-radius	0px
padding	10px 2% 20px 2%
margin	0
name	Operate More
border-width	0px
id	909768058
class	operate clean hero-script link-list-white
collapsible	collapse

HTML Wrap

margin	40px 0 20px 0
class	treat-as-block-for-mobile

Governance plus care and feeding
for happiness in the long run.

HTML Wrap

margin	10px 20px 10px 80px
width	290px
align	left
class	treat-as-block-for-mobile

COLLABORATION

Centralize and share knowledge to align employees and increase productivity.

HTML Wrap

margin	10px 20px
width	290px
align	left
class	treat-as-block-for-mobile

HOUSEKEEPING

Ensure content stays organized and keep things fresh with archiving.

HTML Wrap

margin	10px 80px 10px 20px
width	290px
align	left
class	treat-as-block-for-mobile

CHECKUPS

Scheduled health checks, upgrades, and new tools as needs grow.

HTML Wrap

margin	0 10px 10px 100px
clear	both
width	1000px
class	treat-as-block-for-mobile

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	read.png
background-position	top left
align	left
class	treat-as-block-for-mobile

READ

Ten Habits That Create A Culture Of Collaboration

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	30px
width	150px
background-image	watch.png
background-position	top left
align	left
class	treat-as-block-for-mobile

WATCH

Getting More From Your Confluence Investment Webinar

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	tools.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TOOLS

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	training.png
background-position	top left
align	left
class	treat-as-block-for-mobile

TRAINING

HTML Wrap

background-repeat	no-repeat
margin	32px 40px 0 0
background-size	40px
width	150px
background-image	services.png
background-position	top left
align	left
class	treat-as-block-for-mobile

SERVICES

HTML Wrap

margin	40px 0 0 0
class	treat-as-block-for-mobile

Plan for a refresh in two years. Tools, design standards, and information needs will be unimaginably different.

Content Block

border-radius	0px
background-repeat	no-repeat
margin	0
background-size	cover
name	Methodology Footer
border-width	0px
background-image	footer.png
background-position	center center
id	910248522
class	clean scale-height-for-mobile
height	224px

height	60px

Methodology

Content Layer

background-color	$lightColor
padding	20px 0 90px 0
margin	80px 0 0 0
name	P2: How We Do It
id	299854116
class	gray-curve-top

Content Column

width	100%
id	299854127

Content Block

border-width	0
id	299854137
class	juicy-text clean

HTML Wrap

padding	0px
margin	0px 0px -20px 0px

HOW WE DO IT

Creating smart Digital Workplaces that help your teams
go faster, work better, and move together.

Content Layer

background-repeat	no-repeat
background-size	1220px
name	P3: Methodology Steps
id	300525534
background-position	center top 50px
class	white-dip-top

Content Column

width	100%
id	300525535

Content Block

background-repeat	no-repeat
background-size	1250px
name	Desktop
id	300525545
background-image	Methodology-Steps-Final.jpg
background-position	center
class	clean
collapsible	collapse on mobile
height	1300px

Content Block

background-repeat	no-repeat
background-size	cover
name	Mobile
id	306105701
background-image	Methodology-Steps-Final.jpg
background-position	center
class	clean
collapsible	collapse on desktop
height	400px

Content Layer

background-color	$lightColor
margin	50px 0 0 0
name	P4: Link to Services
id	301727996
class	gray-curve-top-right

Content Column

width	100%
id	301727997

Content Block

id	301728007
class	clean

Explore our service offerings

Action Button

link	services:Services
text	Learn More
class	small-button

Content Layer

background-color	$darkColor
id	173852612

Content Column

width	100%
id	173852613

Content Block

name	Powered By...
id	173852614
class	clean hero-script small-text

Open Links in New Window

Powered by Atlassian Confluence and Brikit Theme Press

This is Theme Press in Presentation Mode featuring Collapsing Blocks.

Action Button

margin	20px 0 0 0
link	Resources
text	Resources
class	ghost

Action Button

margin	20px 0 0 0
link	company:Contact
text	Contact Sales
class	ghost

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 508

New Version Current

Key

Action Buttonmargin0linkcompany:Software Services Design for Collaboration Hubstext← Back to Brikitaligntop leftclassghost small

Methodology

Before you can get there, you need to know where you're going.

INFORMATION DESIGN

Tools should fit your organization, not the other way around.

VISUAL DESIGN

Build company culture, ease information consumption, and boost employee engagement.

READ

WATCH

TOOLS

TRAINING

SERVICES

Here your designs become realalongside tools that help users go faster.

CONTENT STRATEGY

Blueprints, workflows, and archiving for speed, consistency, and quality control.

BUILDOUT

Create landing pages and spaces, configure taxonomies, wire menus, set up permissions

USER GUIDE

Illustrate use of your information and visual designs, blueprints, and content lifecycle.

READ

WATCH

TOOLS

TRAINING

SERVICES

Ensure day-one successby preparing for the broader community.

MOVE-IN

Migrate meaningful content from existing systems to provide continuity.

CONTENT CREATION

Fresh material to engage visitors and illustrate how to contribute.

LAUNCH PLAN

Manage change with awareness campaigns, training, and scripted on-boarding.

READ

WATCH

TOOLS

TRAINING

SERVICES

Governance plus care and feedingfor happiness in the long run.

COLLABORATION

Centralize and share knowledge to align employees and increase productivity.

HOUSEKEEPING

Ensure content stays organized and keep things fresh with archiving.

CHECKUPS

Scheduled health checks, upgrades, and new tools as needs grow.

READ

WATCH

TOOLS

TRAINING

SERVICES

Methodology

HOW WE DO IT

Creating smart Digital Workplaces that help your teamsgo faster, work better, and move together.

Explore our service offerings

This is Theme Press in Presentation Mode featuring Collapsing Blocks.

Platform

Company

Support

Brikit Services

Action Button
margin 0
link company:Software Services Design for Collaboration Hubs
text ← Back to Brikit
align top left
class ghost small

Before you can get there,
you need to know where you're going.

Here your designs become real
alongside tools that help users go faster.

Ensure day-one success
by preparing for the broader community.

Governance plus care and feeding
for happiness in the long run.

Creating smart Digital Workplaces that help your teams
go faster, work better, and move together.