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
classscale-height-for-mobile
padding60px 0
Content Column
width100.00002%
id412943285
Content Block
border-radius0px
padding
background-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
85% 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
height230px

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.

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

HTML Wrap
margin30px 0
0
alignbottom right

Image Removed

Content Block
mobile-hide
background-color$primaryColor
border-radius0px
padding10px 3.5% 20px 3.5%
margin 0true
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
height605px

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
mobile-hidetrue
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
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 2% 20px 2%
margin0
mobile-hidetrue
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
height608px

Block Link
selector.operate .block-toggle

HTML Wrap
margin0 14px 14px 0
alignbottom right

Image Removed

Content Block
background-color#565794
border-radius0px
padding10px 2% 20px 2%
margin0
mobile-hidetrue
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
margin0
background-sizecover
mobile-hidefalse
background-positioncenter center
border-radius0px
background-repeatno-repeat
nameMethodology Footer
border-width0px
background-imagefooter.png
id910248522
classclean
height224px

 

 

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.

Content Layer
background-repeatno-repeat
background-size1220px
nameP3: Methodology Steps
id300525534
background-positioncenter top 50px
classwhite-dip-top
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
background-sizecover
nameMobile
id306105701
background-imageMethodology-Steps-Final.jpg
background-positioncenter
classclean
collapsiblecollapse on desktop
height400px

 

 

 

Content Layer
background-color$lightColor
margin50px 0 0 0
nameP4: Link to Services
id301727996
classgray-curve-top-right
Content Column
width100%
id301727997
Content Block
id301728007
classclean

Explore our service offerings

Action Button
linkservices:Services
textLearn More
classsmall-button

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