Design a beautiful, simple clickable map based navigation scheme

Real Estate & Mortgage

Roomored creates photorealistic 3D models of homes, that are fully customizable with photo real finishes. Our customers are home builders, but our users are interior designers and home buyers. For our web product, the user is a home buyer, 65% female 35% male, 30 to 50 years of age. 80% of the traffic will come from smartphone, 70% iPhone, mix of Chrome and Safari browser

We offer a 360 degree web tour for homes. The interface is designed for mobile (landscape), and the primary way to move through the home are tap-able waypoints that we place in the 3D model. To provide a home overview, we offer a "map" view where a user can tap the map button and open a 2D floorplan of the home. These 2D floorplans are typically 1 or 2 stories. We label the rooms with tap-able labels that can move a user to that room in the 360 tour directly from the map. > Our challenge is a basic visual design of the map that feels premium, is on-brand with our client's website, from the assets we have available to us, and can handle a first floor and second floor, on a smartphone screen. > the focus of this design is to create a label design that makes it immediately obvious to users that they can click a room in the map to go to that location. Meaning the map is interactive for the user to move around if they desire to do so.. Required -- use the floor plan asset we provide you, but you can do any kind of image processing you want to it. Limited color palette, accent color is a red, primary colors are white, grey and black

From our user testing, users don't know to click the map prototype we currently have, so making the buttons clearly clickable is a need. We do many of these tours, mostly with automated labeling, so a design concept for the map that allows for a simple workflow with front end javascript is ideal. I've provided an image of the client's website for the basic style look and feel. I've included our current technical prototype of the map navigation I've included a mockup of a proposed alternative I've included the unlabeled first and second floor floorplan images. I've included a screen capture of the 360 tour on mobile with the "map" button to illustrate where a user will be when they click the map button (ie what the rest of the interface looks like)

Every design category has flexible pricing for all budgets. Other web or app design starts at $849.