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.
Project main page
Reply
Category Archives: Visual Design
Final thesis book
The final thesis book for the project is ready and being printed at Blurb.
1st draft of Keyzz presentation’s intro video
Here’s the first draft for the intro video created to showcase Keyzz main attractions during the final review presentation.
1st draft of user testing results video
1st draft of use case scenarios video
Visual Design Progress
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.
Edit property rates page on 8th version of the wireframe prototype created with Axure
Detail of edit property rates page on 10th version of the wireframe prototype created with Axure
Edit property rates page final design
Dashboard page on 8th version of the wireframe prototype created with Axure
Dashboard page on 10th version of the wireframe prototype created with Axure
Dashboard — Final Design
Dashboard with exclusive hosting turned on — Final design
Interactive Walkthrough Prototype Plan
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.
Design process example “20 Things”
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.
Specctr, a speccing plugin for Adobe Fireworks
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. 
Project typeface — Museo Sans by Jos Buivenga
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.