The Hudson App: Interactive Real Estate Application Design and Development

The Hudson App Design & Development

Type of work:

,

Collection:

Tools used:

,

Project Overview

The Hudson Interactive App is an interactive real estate application developed for Vista Residences’ high-rise, mixed-use development in Bonifacio Global City, Taguig, Philippines. Designed to assist real estate agents and developers, the app offers an immersive experience to explore the property through custom-illustrated maps, interactive floor plans, and unit selection features.

While the user experience (UX) framework was predefined, I contributed significantly in the following areas:

  • User Interface (UI) Design: Crafted a minimalist and intuitive interface to enhance user engagement.​
  • Custom-Illustrated Interactive Location Map: Developed detailed maps highlighting nearby landmarks and key areas.​
  • Graphic Enhancements: Improved visual clarity and engagement by refining floor plans, unit layouts, and building exteriors.​
  • Application Development: Collaborated in developing the app within the predefined framework using Flash, ensuring seamless integration of design elements.

Key Features

The application, developed using Flash, was deployed for both Windows and web platforms. Key features include:​

  • Custom-Illustrated Interactive Location Map: Allows users to explore The Hudson’s location, surrounding landmarks, and key areas in Bonifacio Global City.​
  • Interactive Site Development Plan: Enables real estate agents and buyers to navigate the entire development layout effortlessly.​
  • Building Exterior and Floor Selection: Provides an interactive method to browse different floors, enhancing the buying experience.​
  • Interactive Floor Plans and Unit Selection: Designed and refined floor plan visuals to ensure clarity and accessibility for prospective buyers.

Design Contributions

A major highlight of this project was defining the app’s visual identity. Using the predefined user experience of the framework, I focused on shaping the minimalist aesthetic of the UI, aligning with modern real estate applications. The custom-illustrated location map significantly enhanced the app’s interactivity and visual appeal.​

Below are some mock-ups illustrating these elements:

Screenshot of The Hudson App's welcome screen displaying a minimalist design with navigation options.

The Hudson App

Welcome Page

The Hudson App

Custom-Illustrated Interactive Map

Interactive map designed by JP B. Bantigue, showcasing The Hudson’s location and surrounding amenities.
UI displaying various floor options within The Hudson development.

The Hudson App

Interactive Floor Selection

The Hudson App

Amenity Floor Plan with Enhanced Graphics

Detailed floor plan featuring The Hudson’s amenity spaces, refined for better visual clarity.
Floor layout of The Hudson’s residential units, with enhanced visual details.

The Hudson App

Residential Floor Plan Layout

The Hudson App

Interactive Unit Selection and Layout

A refined unit floor plan designed to improve usability and readability for prospective buyers.

Disclaimer: Any work done for BUILD is not personal work but was developed for its clients. All images and content belong to BUILD and/or the client unless otherwise stated.

Anything I can help you with?