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$lightColor
padding0 0 100px 0
margin80px 0 0 0
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.

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

padding60px 0
background-
Content Layer
background-color$whiteColor
padding40px 0
margin0px 0 0 0
container-background-color$darkColor
id412943283
classwhite-dip-top
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%
P1: Hero Desktop
id
868227794classclean 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
299736009
background-imageMethodology-P1-BG-B
Content Blockbackground-color$whiteColorborder-radius0pxmargin10px 0 0 0background-sizecovernameTitleborder-width0pxbackground-imagetitle
.png
background-positioncenter
center
Content Column
width100%
id299736019
Content Block
background-colortransparent
nameDesktop
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.

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

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.

40pxread.png leftleft
Content Layer
background-repeatno-repeat
margin32px 40px 0 0
background-size
1220px
width150px
background-image
nameP3: Methodology Steps
id300525534
background-positioncenter top
align
50px
classwhite-dip-top
margin40pxwidth150px
Content Column
width100%
id300525535
Content Block
treat-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
32px 40px 0 0
background-size
1250px
name
Desktop
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

id300525545
background-imageMethodology-Steps-Final.jpg
background-positioncenter
classclean
collapsiblecollapse on mobile
height1300px

Content Block
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 Blockcontent-blockid
border-radius0px
background-repeatno-repeatmargin0
background-sizecover
nameOperateMobile
border-widthid0px306105701
background-imageoperate.pngMethodology-Steps-Final.jpg
background-positioncenter center
909852546classclean scale-height-for-mobile toggle-arrow more-arrow stay-open
height608px

Block Link
selector.operate .block-toggle

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
html-wrap
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-
Content Layer
background-color$darkColor
id173852612
content-column
width100%
id173852613301727997
Content Block
namePowered By...
id173852614301728007
classclean hero-script small-text

Explore our service offerings

Action Button
linkservices:Services
textLearn More
classsmall-button

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