Design study and app development for Vista Residences’ Vista Heights. Vista Heights is a mid-rise condominium development located at Manila, Philippines.
App Features
The app was developed using HTML, CSS and jQuery and was previously made available to both iTunes and Google Play. This app features a custom-illustrated Interactive Location Map, Interactive Building Exterior and Floor Selection, Interactive Floor Plans and Unit Selection. I have experimented with several design studies for this project.
Vista Heights App, Design 1
Interactive Floor Selection
The first design uses diamonds and diagonal elements all throughout.
Tower Floor Plan
Interactive Unit Selection
Design 2
Interactive Floor Selection
This design uses a dark-themed UI with a mix of flat and 3D elements.
Tower Floor Plan
Interactive Unit Selection
Design 3
Interactive Floor Selection
This design uses an unconventional buttons for the side navigation menu.
Tower Floor Plan
Interactive Unit Selection
Design 4
Interactive Floor Selection
This design uses a light-themed UI with ghost elements for components.
Tower Floor Plan
Interactive Unit Selection
Design 5
Interactive Floor Selection
This design is a variation of Design 4, but using lighter overlays.
Tower Floor Plan
Interactive Unit Selection
Design 6
Interactive Floor Selection
Lastly, this design, another variation to Designs 4 and 5, but using a more prominent blue and yellow for the UI components.
Tower Floor Plan
Interactive Unit Selection
Disclaimer: Any work done for BUILD is not personal work, but rather has been developed for purposes of its client/s. All images and content belong to BUILD and/or the client, unless otherwise stated.