Page tree

Versions Compared

Key

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

contentcolumnbackground-32px0pxpull-key
Content Layer
margin
background-color$darkColor
padding40px 60px 0 0px 0 0 0
container-background-color$darkColor
id412943283
classscale-height-for-mobile
-
width100.00002%
id412943285
Content Block
border-radius0px
padding0 0 12px 0
repeatno-repeat
margin0 0 10px 0
background-size
1400px
name
Key
P1: Hero Desktop
id299736009
border-width
background-image
Methodology-P1-BG-B.png
background-positioncenter
Content Column
width100%
id299736019
89% 50%
id868227794
classclean hero-script

Action Button
margin0
linkcompany:Brikit Home
text← Back to Brikit
aligntop left
classghost small
= 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
classclean
height200px

Block Link
selector.title .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

Content Block
background-color$primaryColor
border-radius0px
padding40px 10%
margin0
transparent
nameDesktopnameTitle More
border-colortransparentborder-width0px
id414668851299736020
classtitle clean herojuicy-scripttext
collapsiblecollapse 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.

0
Content Block
margin
background-sizecoverborder-colortransparent
background-positioncenter center
border-radius0px
background-repeatno-repeat
nameDesign
border-width0px
background-imagedesign.png
id415113014
classclean design-control
height560px

Block Link
selector.design .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

Content Block
margin30px 0 0
background-color$primaryColor
border-radius0px
padding10px 3.5% 20px 3.5%
margin 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
margin0px 10px 0 10px
background-sizecover
nameBuild
border-width0px
background-imagebuild.png
background-positioncenter center
id415118980
classclean
height606px

Block Link
selector.build .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

Content Block
background-color$mediumColor
border-radius0px
padding10px 2% 20px 2%
margin0 10px
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 left
Content Layer
background-repeatno-repeat
margin32px 40px 0 0
background-size
1220px
width150px
background-image
nameP3: Methodology Steps
id300525534
background-positioncenter top
50px
alignleft
classwhite-dip-top
40pxwidth150px
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
margin32px 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
margin0px 10px 0 10px
background-sizecover
nameLaunch
border-width0px
background-imagelaunch.png
background-positioncenter center
id909812926
classclean
height606px

Block Link
selector.launch .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

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 10px
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 Blockmargin
border-radius0px
background-repeatno-repeat
0px 10px 0 10pxbackground-sizecover
nameOperateMobile
border-widthid0px306105701
background-imageoperate.pngMethodology-Steps-Final.jpg
background-positioncenter centerid909852546
classclean
heightcollapsible608px

Block Link
selector.operate .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

content-block
collapse on desktop
height400px

 

 

 

10px 2% 20px 2%
Content Layer
background-color
#565794
border-radius0px
padding
$lightColor
margin
0 10px
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
margin0px 10px 0 10px
background-sizecover
nameMethodology Footer
border-width0px
background-imagefooter.png
background-positioncenter center
id910248522
classclean
height225px

 

 

Content Layer
background-color$darkColor
id173852612
50px 0 0 0
nameP4: Link to Services
id301727996
classgray-curve-top-right
content-content-column
width100%
id173852613301727997

Powered by Atlassian Confluence and Brikit Theme Press

This is Theme Press in Presentation Mode featuring Collapsing Blocks.

Content Block
namePowered By...
id173852614301728007
classclean hero-script small-text

Explore our service offerings

Open Links in New Window
Action Button
margin20px 0 0 0
linkResourcesservices:Services
textResourcesLearn More
classghost
Action Button
margin20px 0 0 0
linkcompany:Contact
textContact Sales
classghost
 
small-button