I finally put together a page with links to all main elements of the project. It’s at www.keyzz.com with links to the prototype, this blog, the development timeline and to my personal online portfolio.
Here’s the first draft for the intro video created to showcase Keyzz main attractions during the final review presentation.
The dashboard and property details overall structure and visual design is complete.
Here’s the evolution of the design of those pages from wireframe to final design.
I finished the planing for the interactive prototype that I will present on the Final Review on May 17th.
It consists of an interactive walkthrough with 4 scenarios and 16 individual tasks. It is divided in two sections for the different target users: guests and hosts.
The users will be taken through the prototype with popup guiding messages made with jQuery. All the user have to do is follow the instructions that pop up.
Click on the image to see the infographic (plan) in large format.
This is a great video showing the design process behind the creation and presentation of the interactive website “20 Things I Learned About Browsers and the Web” by interactive design agency Fi — Fantasy Interactive.
Fi’s process of creating design for “20 Things I Learned About Browsers and the Web” interactive book.
See full casestudy.
I started using Specctr to create visual design specifications for the project. It helps me save a lot of time! I mean a LOT of time. Really nice little tool.
I decided to use one single typeface for the application: Museo Sans by Dutch type designer Jos Buivenga.
Museo Sans is a sturdy, low contrast, geometric, highly legible sans serif typeface very well suited for any online display and text use. It comes in 4 weights: 100, 300, 500, 700 and 900. The typeface is based on the famous Museo by the same designer. Jos Buivenga also created other typefaces that I admire like Calluna, Calluna Sans, Museo Slab (used on this blog’s headlines), Anivers, and Fertigo Pro.