Page tree

Versions Compared

Key

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

0 0 12px 0 0 10px 032px0pxpull-key 14px 14px
Content Layer
background-color$darkColor
padding40px 0
margin0px 0 0 0
container-background-color$darkColor
id412943283
padding60px
Content Column
width100.00002%
id412943285
Content Block
border-radius0px
padding
0
background-repeatno-repeat
margin
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:Software Services Design for Collaboration Hubs
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 scale-height-for-mobile
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.

0

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 scale-height-for-mobile
height559px
Block Link
selector.design .block-toggle

HTML Wrap
margin30px 0
0
alignbottom right

Image Removed

Content Block
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
margin0
background-sizecover
nameBuild
border-width0px
background-imagebuild.png
background-positioncenter center
id415118980
classclean scale-height-for-mobile
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
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 lefttreat
Content Layer
background-repeatno-repeat
margin32px 40px 0 0
background-size
1220px
width150px
background-image
nameP3: Methodology Steps
id300525534
background-positioncenter top
50px
alignleft
class
white-dip-top
32px 40px 0 040pxwidth150px
Content Column
width100%
id300525535
as-block-for-mobile
Content Block

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
margin
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
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
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
nameOperateMobile
border-widthid0px306105701
background-imageoperate.pngMethodology-Steps-Final.jpg
background-positioncenter center
id909852546
classclean scale-height-for-mobile
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
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
Powered By...
Content Block
name
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
linkResourcesservices:Services
textResourcesLearn More
classghost
Action Button
margin20px 0 0 0
linkcompany:Contact
textContact Sales
classghost
 
small-button