How to set up an intranet with Livetiles

LiveTiles Studio

Get an inside look at how our team builds unforgettable experiences. 

In these videos Jason Alessi will show you how to set up an intranet page with Livetiles

Jason will show you how to create a header, footer and then how to fill the body of the page with a Microsoft form and Document Tiles. He will show you how to engage your user with a social section. Finally, he will show you how to add the final polish to make your intranet look great across all devices.

LiveTiles Studio: Introduction
Play Video

LiveTiles Studio: Introduction

Jason Alessi, from our Innovation & Experience team, will show you how to design a functional and visually stunning page.

LiveTiles Studio: 1
Play Video

LiveTiles Studio: 1. Setting the scene (the header)

Jason sets up a header section with two rows, including a search bar, alert ticker, and global navigation.

Play Video

LiveTiles Studio: 2. Setting the scene (the footer)

Now for the footer. Jason sets up a footer with 6 columns and populates them with some text and branding.

LIVETILES STUDIO: 3. THE HERO SECTION
Play Video

LiveTiles Studio: 3. The hero section

Jason creates an attention-grabbing hero section that includes an image, title, and call to action.

LiveTiles Studio: 4. Integrating Microsoft forms
Play Video

LiveTiles Studio: 4. Integrating Microsoft forms

To capture a user’s information, Jason shows you how to connect a feedback form to a Microsoft form.

LIVETILES STUDIO: 5. INSERT THE CONTENT
Play Video

LiveTiles Studio: 5. Insert the content

On to the content. Jason creates a four-column content section filled with document tiles.

LIVETILES STUDIO: 6. ADDING A SOCIAL SECTION
Play Video

LiveTiles Studio: 6. Adding a social section

Time to add a social section. Jason shows you how to embed a YouTube video, news, as well as Yammer and RSS feeds.

LiveTiles Studio: 7. Fine tuning your design
Play Video

LiveTiles Studio: 7. Fine tuning your design

Jason shows you how to ensure all sections’ padding & margins match, confirm your page responds to different devices.