LiveTiles Studio

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

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. Setting the scene (the header)
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.

LiveTiles Studio: 2. Setting the scene (the footer)
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

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.