Page tree

Versions Compared

Key

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

0 0 12px 032px0pxpull-key 14px 14px
Content Layer
background-color$darkColor
padding40px 0
margin0px 0 0 0
container-background-color$darkColor
id412943283
padding60px 0
Content Column
width100.00002%
id412943285
Content Block
border-radius0px
padding
background-repeatno-repeat
margin0 10px 10px 10px
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 10px 0 10px
background-sizecover
nameTitle
border-width0px
background-imagemethodology_1.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 160px
margin0 10px
nameTitle More
transparent
nameDesktopborder-colortransparent
border-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.

0px 10px 0 10px

Content Block
margin
class
background-sizecoverborder-colortransparent
background-positioncenter center
border-radius0px
background-repeatno-repeat
nameDesign
border-width0px
background-imagedesign.png
id415113014
clean design-control
height560px
Block Link
selector.design .block-toggle

HTML Wrap
margin30px 0
0
alignbottom right

Image Removed

Content Block
background-color$primaryColor
border-radius0px
padding10px 40px 20px 40px
margin 0 10px
nameDesign MoreMobile
border-width0px
id415908902460658534
classdesign clean hero-script link-list-whitejuicy-text-mobile-small
collapsiblecollapse on desktop

HTML Wrap

margin40px 0 40px 0

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

HTML Wrap
margin0px 60px 10px 100px
width380px
alignleft

INFORMATION DESIGN

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

HTML Wrap
margin0px 10px 10px 100px
width400px
alignleft

VISUAL DESIGN

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

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

READ

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft

WATCH

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft

TOOLS

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft

TRAINING

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft

SERVICES

HTML Clear

HTML Wrap
margin40px 0 0 0
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
html-wrap
Content Column
width100%
id299854127
.build .block-toggleborder-radius
Content Block
border-radius0px
background-repeatno-repeat
margin0px 10px 0 10px
background-sizecover
nameBuild
border-width0px
background-imagebuild.png
width0background-positioncenter center
id415118980299854137
classclean
height606px
Block Link
selector
juicy-text clean
background-color$mediumColor

HTML Wrap

margin0 14px 14px 0
alignbottom right

Image Removed

Content Block

padding0px

padding10px 34px 20px 34px
margin0 10px
nameBuild More
border-width0px
id869262950
classbuild clean hero-script link-list-white
collapsiblecollapse
HTML Wrap
margin40px 0 20px 0

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

HTML Wrap
margin10px 20px 10px 80px
width290px
alignleft

CONTENT STRATEGY

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

HTML Wrap
margin10px 20px
width290px
alignleft

BUILDOUT

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

HTML Wrap
margin10px 80px 10px 20px
width290px
alignleft

USER GUIDE

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

HTML Wrap
margin32px 10px 10px 100px
clearboth
width1000px
alignleft

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

LAUNCH PLAN

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

Content Layer
background-repeatno-repeat
margin0 40px 0 0
background-size
1220px
width150px
background-image
nameP3: Methodology Steps
id300525534
background-positioncenter top
50px
classwhite-dip-top
0px
Content Column
width100%
id300525535
Content Block
alignleft

READ

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft

WATCH

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft

TOOLS

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft

TRAINING

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft

SERVICES

HTML Clear

HTML Wrap
margin40px 0 0 0

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

Content Block
border-radius
background-repeatno-repeatmargin0px 10px 0 10px
background-sizecover1250px
nameLaunchDesktop
border-widthid0px300525545
background-imagelaunch.pngMethodology-Steps-Final.jpg
background-positioncenter center
id909812926
classclean
height606px

Block Link
selector.launch .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

Content Block
background-color$tertiaryColor
border-radius0px
padding10px 34px 20px 34px
margin0 10px
nameLaunch More
border-width0px
id909730456
classlaunch clean hero-script link-list-white
collapsiblecollapse
HTML Wrap
margin40px 0 20px 0

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

HTML Wrap
margin10px 20px 10px 80px
width290px
alignleft

MOVE-IN

Migrate meaningful content from existing systems to provide continuity.

HTML Wrap
margin10px 20px
width290px
alignleft

CONTENT CREATION

Fresh material to engage visitors and illustrate how to contribute.

HTML Wrap
margin10px 80px 10px 20px
width290px
alignleft
HTML Wrap
margin32px 10px 10px 100px
clearboth
width1000px
alignleft
HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imageread.png
background-positiontop left
alignleft

READ

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft

WATCH

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft

TOOLS

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft

TRAINING

 

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft

SERVICES

HTML Clear

HTML Wrap
margin40px 0 0 0

Your site is ready to engage your whole community.

Content Blockborder-radius0px
on mobile
height1300px

html-wrap
Content Block
marginheight
background-repeatno-repeat
0px 10px 0 10pxbackground-sizecover
nameOperateMobile
border-widthid0px306105701
background-imageoperate.pngMethodology-Steps-Final.jpg
background-positioncenter center
id909852546
classclean608px

Block Link
selector.operate .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

Content Block
background-color#565794
border-radius0px
padding10px 34px 20px 34px
margin0 10px
nameOperate More
border-width0px
id909768058
classoperate clean hero-script link-list-white
collapsiblecollapse on desktop
height
margin40px 0 20px 0

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

HTML Wrap
margin10px 20px 10px 80px
width290px
alignleft

COLLABORATION

Centralize and share knowledge to align employees and increase productivity.

HTML Wrap
margin10px 20px
width290px
alignleft

HOUSEKEEPING

Ensure content stays organized and keep things fresh with archiving.

HTML Wrap
margin10px 80px 10px 20px
width290px
alignleft

CHECKUPS

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

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

READ

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size30px
width150px
background-imagewatch.png
background-positiontop left
alignleft

WATCH

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetools.png
background-positiontop left
alignleft

TOOLS

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imagetraining.png
background-positiontop left
alignleft

TRAINING

HTML Wrap
background-repeatno-repeat
margin0 40px 0 0
background-size40px
width150px
background-imageservices.png
background-positiontop left
alignleft

SERVICES

HTML Clear

HTML Wrap
margin40px 0 0 0

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

Block Link
selector.operate .block-toggle

 

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

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
linkResources
textResources
classghost
Action Button
margin20px 0 0 0
linkcompany:Contact
textContact Sales
classghost