Scroll Down

Archetto Towns

Archetto Towns is a community of townhomes in Woodbridge, Ontario. Developed by frequent 52 Pick-up collaborators Marlin Spring, the project required a web app that would serve double duty as a touchscreen installation in the Archetto sales centre.

The application required some complex data management concerning the floorplans and site plan, and the dev team at 52 chose to build a React app to handle those issues. The client also needed to be able to edit the entire site through a dashboard, including hiding/showing available units on the site plan and floorplan lists. Since the client was already familiar with the WordPress dashboard, we decided to leverage the WordPress REST API to build out our back end.

To offer the best touchscreen experience, the design for larger viewports is a horizontal scrolling layout. While this posed a great number of technical difficulties in creating the responsive layouts for smaller screens/mobile, the final product is very satisfying to use on all devices.

As is common on this type of project, there are a large number of high res images that make page speed optimization challenging. But despite this concession, the React ecosystem provides a lightning fast and snappy user experience, particularly when images are cached.

Overall, this was a challenging but ultimately rewarding build working with a tight deadline.

archettotowns.com

Tags:

  • JavaScript
  • React
  • Redux
  • REST API
  • WordPress
Archetto Home PageArchetto Area PageArchetto Site Plan PageArchetto Floorplans List PageArchetto Floorplans Grid PageArchetto Floorplan PageArchetto Compare PageArchetto Gallery PageArchetto Contact Page