Conference Web App, Interactive Kiosk Interface and Landing Page

Web Designer

Framer Developer

Framer Designer

Adobe Illustrator

Figma

Framer

CRANEAmúsica 2024

The annual conference hosted by

@planeamusica

included a technology section featuring a web application, a web adaptation of their line up for a touch-screen kiosk interface, and a landing page. All of these were designed using Framer and other tools, which will be detailed below.

Web App

A Progressive Web App (PWA) created using Framer and Progressier.

Progressier provides useful features like download pages, media page integrations with scripts that lead to download pages, installation instructions for different operating systems, notification sending, analytics, and more.

PWA Flow and Screenshots

Interactive Kiosk Interface

An adaptation made in Framer to serve three purposes: aesthetic enhancement for different spaces, information about the lineup for the four days of the event, and guiding users to download the PWA.

Touch Screen Adaptation Flow and Screenshots. Photo Credits IG: @karenarcaphoto

Landing Page

The page included the following sections: Hero, About the Event, Guests, Locations, Lineup, Tickets, Calls for Participation, and a final section showcasing the companies that helped organize the event.