Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: change layer class to gray-curve-top

Content Layer
id299736009
Content Column
width100%
id299736019
Content Block
border-width0
id299736020
classjuicy-text

Methodology

Content Layer
background-color$lightColor
id299854116
classgray-curve-top-right
Content Column
width100%
id299854127
Content Block
border-width0
id299854137
classjuicy-text clean

HTML Wrap
padding0px
margin0px 0px -20px 0px
HOW WE DO IT

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

Action Button
margin25px 0 0 0
linkservices:Services
textWhat we do

Content Layer
background-color$whiteColor
padding40px 0
margin0px 0 0 0
container-background-color$darkColor
id412943283
Content Column
width100.00002%
id412943285
Content Block
id299726868

Content Block
meta-propertiestrue
nameMeta Properties
id120108682

Brikit Methodology For Creating Virtual Workspaces

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

Content Block
border-radius0px
padding0 0 12px 0
background-repeatno-repeat
margin0 0 10px 0
background-size32px
nameKey
border-width0px
background-position85% 50%
id868227794
classclean hero-script
height20px

Action Button
margin0
linkcompany:Software Services Design for Collaboration Hubs
text← Back to Brikit
aligntop left
classghost small

HTML Wrap
padding12px 0 0 0
width120px
aligntop right
height0
= Learn More
Content Block
background-color$whiteColor
border-radius0px
margin10px 0 0 0
background-sizecover
nameTitle
border-width0px
background-imagetitle.png
background-positioncenter center
id412943284
height230px

Block Link
selector.title .block-toggle

Content Block
background-color$primaryColor
border-radius0px
padding40px 10%
margin0
nameTitle More
border-colortransparent
border-width0px
id414668851
classtitle clean hero-script
collapsiblecollapse

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.

Content Block
margin0
background-sizecover
border-colortransparent
background-positioncenter center
border-radius0px
background-repeatno-repeat
nameDesign
border-width0px
background-imagedesign.png
id415113014
classclean design-control scale-height-for-mobile toggle-arrow more-arrow stay-open
height559px

Block Link
selector.design .block-toggle

Content Block
background-color$primaryColor
border-radius0px
padding10px 3.5% 20px 3.5%
margin0
nameDesign More
border-width0px
id415908902
classdesign clean hero-script link-list-white
collapsiblecollapse
HTML Wrap
margin40px 0 40px 0
classtreat-as-block-for-mobile

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

HTML Wrap
margin0px 60px 10px 100px
width380px
alignleft
classtreat-as-block-for-mobile

INFORMATION DESIGN

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

HTML Wrap
margin0px 10px 10px 100px
width400px
alignleft
classtreat-as-block-for-mobile

VISUAL DESIGN

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

HTML Wrap
margin0 10px 10px 100px
clearboth
width1000px
classtreat-as-block-for-mobile
HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageread.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

READ

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

WATCH

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TOOLS

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TRAINING

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

SERVICES

HTML Wrap
margin40px 0 0 0
classtreat-as-block-for-mobile

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

Content Block
border-radius0px
background-repeatno-repeat
margin0
background-sizecover
nameBuild
border-width0px
background-imagebuild.png
background-positioncenter center
id415118980
classclean scale-height-for-mobile toggle-arrow more-arrow stay-open
height605px

Block Link
selector.build .block-toggle

Content Block
background-color$mediumColor
border-radius0px
padding10px 2% 20px 2%
margin0
nameBuild More
border-width0px
id869262950
classbuild clean hero-script link-list-white
collapsiblecollapse
HTML Wrap
margin40px 0 20px 0
classtreat-as-block-for-mobile

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

HTML Wrap
margin10px 20px 10px 80px
width290px
alignleft
classtreat-as-block-for-mobile

CONTENT STRATEGY

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

HTML Wrap
margin10px 20px
width290px
alignleft
classtreat-as-block-for-mobile

BUILDOUT

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

HTML Wrap
margin10px 80px 10px 20px
width290px
alignleft
classtreat-as-block-for-mobile

USER GUIDE

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

HTML Wrap
margin0 10px 10px 100px
clearboth
width1000px
classtreat-as-block-for-mobile
HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageread.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

READ

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

WATCH

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TOOLS

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TRAINING

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

SERVICES

HTML Wrap
margin40px 0 0 0
classtreat-as-block-for-mobile

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

Content Block
border-radius0px
background-repeatno-repeat
margin0
background-sizecover
nameLaunch
border-width0px
background-imagelaunch.png
background-positioncenter center
id909812926
classclean scale-height-for-mobile toggle-arrow more-arrow stay-open
height606px

Block Link
selector.launch .block-toggle

Content Block
background-color$tertiaryColor
border-radius0px
padding10px 2% 20px 2%
margin0
nameLaunch More
border-width0px
id909730456
classlaunch clean hero-script link-list-white
collapsiblecollapse
HTML Wrap
margin40px 0 20px 0
classtreat-as-block-for-mobile

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

HTML Wrap
margin10px 20px 10px 80px
width290px
alignleft
classtreat-as-block-for-mobile

MOVE-IN

Migrate meaningful content from existing systems to provide continuity.

HTML Wrap
margin10px 20px
width290px
alignleft
classtreat-as-block-for-mobile

CONTENT CREATION

Fresh material to engage visitors and illustrate how to contribute.

HTML Wrap
margin10px 80px 10px 20px
width290px
alignleft
classtreat-as-block-for-mobile

LAUNCH PLAN

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


HTML Wrap
margin0 10px 10px 100px
clearboth
width1000px
classtreat-as-block-for-mobile
HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageread.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

READ

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

WATCH

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TOOLS

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TRAINING

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

SERVICES

HTML Wrap
margin40px 0 0 0
classtreat-as-block-for-mobile

Your site is ready to engage your whole community.

Content Block
border-radius0px
background-repeatno-repeat
margin0
background-sizecover
nameOperate
border-width0px
background-imageoperate.png
background-positioncenter center
id909852546
classclean scale-height-for-mobile toggle-arrow more-arrow stay-open
height608px

Block Link
selector.operate .block-toggle

Content Block
background-color#565794
border-radius0px
padding10px 2% 20px 2%
margin0
nameOperate More
border-width0px
id909768058
classoperate clean hero-script link-list-white
collapsiblecollapse
HTML Wrap
margin40px 0 20px 0
classtreat-as-block-for-mobile

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

HTML Wrap
margin10px 20px 10px 80px
width290px
alignleft
classtreat-as-block-for-mobile

COLLABORATION

Centralize and share knowledge to align employees and increase productivity.

HTML Wrap
margin10px 20px
width290px
alignleft
classtreat-as-block-for-mobile

HOUSEKEEPING

Ensure content stays organized and keep things fresh with archiving.

HTML Wrap
margin10px 80px 10px 20px
width290px
alignleft
classtreat-as-block-for-mobile

CHECKUPS

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

HTML Wrap
margin0 10px 10px 100px
clearboth
width1000px
classtreat-as-block-for-mobile
HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageread.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

READ

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

WATCH

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TOOLS

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

TRAINING

HTML Wrap
background-repeatno-repeat
margin32px 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft
classtreat-as-block-for-mobile

SERVICES

HTML Wrap
margin40px 0 0 0
classtreat-as-block-for-mobile

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

Content Block
border-radius0px
background-repeatno-repeat
margin0
background-sizecover
nameMethodology Footer
border-width0px
background-imagefooter.png
background-positioncenter center
id910248522
classclean scale-height-for-mobile
height224px

 

 

Content Layer
background-color$darkColor
id173852612
Content Column
width100%
id173852613
Content Block
namePowered By...
id173852614
classclean 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
margin20px 0 0 0
linkia:Resources
textResources
classghost
Action Button
margin20px 0 0 0
linkbrikit:Contact
textContact Sales
classghost