Touchscreen Interface Design : HTML/CSS & PHP

Show Home Touchscreen Interface Design

Dynamic PDF creation based on interactive touchscreen selections.

Custom touchscreen interface/GUI for Jayman's Granite development displayed on a TV
Jayman Logo

"Aivia stepped into the Multi-Family touchscreens software project and was able to adapt to new technologies, work with existing technology infrastructure and work hard to hit an aggressive deadline."

Case Study Jayman BUILT Homes Show Home Touchscreen Interface

Features

  • Touchscreen controlled (desktop compatible) interface
  • CSS skinning of external web-application created by Jayman IT team
  • Server-side scripting receives data from external web-application to generate a dynamic PDF of user's selections
  • Dynamic PDF generated for immediate print and digital delivery via email
  • External web-application implemented into touchscreen interface via iframe

Skillsets Used

  • PHP for server-side scripting/PDF generation
  • HTML/CSS for structure and presentation

Description

Jayman BUILT homes wanted a cutting-edge, interactive presentation software to run on its show home media centre kiosks. Aivia was engaged to work with their show home presentation displays in order to create an engaging and informative presentation for potential home buyers.

Designers and programmers worked with the sales, marketing and technical staff at Jayman BUILT homes to deploy an innovative experience for interactive display users. Dynamic PDF printouts were also designed and programmed for users to take with them when they left.

Screen Gallery

Swipeable touchscreen interface

Swipeable touchscreen interface design

Custom kiosk GUI & marketing screenshot

Adheres to Jayman's branding guidelines

Screenshot of a touchscreen information screen

Tabbed screens and modal windows for information dense sections

Screenshot of the Jayman Homes Redstone gallery - swipeable touchscreen gallery

High-res photo gallery

Screenshot of custom CSS created for external web-app

Skinning of and integration with external web-app

Screenshot of dynamically generated PDF file

Dynamic PDF creation via a web-service

See the Next Case Study