Luxor®

Wireframes

After the information architecture was approved, the next step was to lay out the app’s structure and flow. I began by creating low-fidelity wireframes using Balsamiq, mapping out the placement of features, buttons, and content. The wireframes were designed to establish a logical flow between screens, ensure key information was easily accessible, and make interactions intuitive for users. At the same time, they provided a clear roadmap to guide development and set project expectations.

Luxor ZDC

|  Download PDF  |

App start screen wireframes image
App group overview screen wireframes image
App select group theme screen wireframes image
App group add and detail plus overlay screen wireframes image
App theme screen wireframes image
App color screen wireframes image
App controller screen wireframes image
App assign lights screen wireframes image
About the app screen wireframes image
App home screen tablet wireframes image
App subpage menu layout tablet screen wireframes image
 

Luxor ZD

|  Download PDF  |

ZD app start screen wireframes image
ZD group overview screen wireframes image
ZD app select group and theme screen wireframes image
ZD app group add and detail plus overlay screen wireframes image
ZD app theme screen wireframes image
ZD app controller screen wireframes image
ZD app assign lights screen wireframes image
ZD app about and support screen wireframes image
ZD app tablet home screen wireframes image
ZD app tablet subpage menu layout screen wireframes image