Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Methodology

Content Layer
background-color$whiteColor
padding40px 0
margin0px 0 0 0
container-background-color$darkColor
id412943283
padding60px 0
background-
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.

Image Removed

Content Blockborder-radius0pxpadding0 0 12px 0background-
repeatno-repeat
margin0 0 10px 0
background-size
32px
1400px
name
Keyborder-width0pxbackground-position85% 50%id868227794classclean hero-scriptheight20px

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
Image Removed = Learn More
P1: Hero Desktop
id299736009
background-imageMethodology-P1-BG-B
Content Blockbackground-color$whiteColorborder-radius0pxmargin10px 0 0 0background-sizecovernameTitleborder-width0pxbackground-imagetitle
.png
background-positioncenter
Content Column
width100%
id299736019
Content Block
background-colortransparent
nameDesktop
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.

.design .block-toggle

Content Block
background-image
margin0
background-sizecover
border-colortransparent
background-positioncenter center
border-radius0px
background-repeatno-repeat
nameDesign
border-width0pxdesign.png
id415113014299736020
classclean design-control scale-height-for-mobile toggle-arrow more-arrow stay-open
height559px
juicy-text
collapsiblecollapse on mobile

Methodology

Block Link
selector
Content Block
background-color$primaryColor
border-radius0px
padding10px 3.5% 20px 3.5%transparent
margin30px 0 0 0
nameDesign MoreMobile
border-width0px
id415908902460658534
classdesign clean hero-script link-list-whitejuicy-text-mobile-small
collapsiblecollapse on desktop

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.

height60px

Methodology

Content Layer
background-color$lightColor
padding20px 0 90px 0
margin80px 0 0 0
nameP2: How We Do It
id299854116
classgray-curve-top
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.

html-wrap
Content Layer
background-repeatno-repeat
background-size1220px
nameP3: Methodology Steps
id300525534
background-positioncenter top 50px
classwhite-dip-top

LAUNCH PLAN

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

Content Column
width100%
id300525535
Content Block
background-repeatno-repeat
background-size1250px
nameDesktop
id300525545
background-imageMethodology-Steps-Final.jpg
background-positioncenter
classclean
collapsiblecollapse on mobile
height1300px

Content Block
background-repeatno-repeat
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
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
nameOperateMobile
border-widthid0px306105701
background-imageoperate.pngMethodology-Steps-Final.jpg
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 on desktop
height
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

 

 

400px

 

 

 

Content Layer
background-color$lightColor
margin50px 0 0 0
nameP4: Link to Services
id301727996
classgray-curve-top-right
Content Layer
background-color$darkColor
id173852612
Content Column
width100%
id173852613301727997
name
Content Block
Powered By...id173852614301728007
classclean hero-script small-text

Explore our service offerings

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
linkiaservices:ResourcesServices
textResourcesLearn More
classghost
Action Button
margin20px 0 0 0
linkbrikit:Contact
textContact Sales
classghost
 
small-button