Vue Space 3D

VueSpace3D is a very customer focused photography business. In creating this site, we continued to keep their end clients and customers in mind as we worked on the site. Constantly ensuring the site worked as beautifully on mobile devices as it did on a desktop computer was a high priority. If something worked on desktop, but not on mobile, the idea was tabled until a solution could be reached. Sometimes this meant additional research and looking specifically at user journeys as they interact with the site, but ultimately this has been our focus as we continue to build out the site.

As we continued to work on elements of the site that required customer and user interaction, we found through our research that things that worked for them at one point, ceased to work optimally. Using this data that was compiled over the course of a couple months, we were able to implement something closer to what the customers and users needed.

The target users and customers of Vue Space 3D are primarily real estate professionals, insurance professionals, and homeowners. These users specifically are looking for a seamless experience and an easy to navigate site. They want to be able to view the information they need quickly and easily.

One key difference between this group of users/customers is they primarily view the site on desktop and secondarily via mobile. Applying user feedback has made booking an appointment through the website a pleasant experience either on desktop or on mobile due to preference.

With my previous experience of creating seamless online experiences using WordPress, as the lead UX/UI designer I led the team in making changes requested from users, customers, and the owners.

I coordinated and led the design of the site including: prototyping, product design, visual design, interaction, plugin support and recommendation, User journey and research, and some architecture.

In order to identify the problems with the website and the next steps to take, we started out by making the site aligned with user and customer needs. We wanted to make the site function better and provide customers a better experience. After going through feature requests and changes (and a complete redesign after the theme broke the site,) we were able to pinpoint areas of opportunity; visitors wanted an easier way to make online appointments along with a better way of staying updated on their appointments. Although we knew to truly grow the site to something more would require more resources, we focused entirely on the user experience in booking an appointment and proceed to design the site around that experience.

As we continued to visually explore options to enhancing the overall experience for the user, at one point during the design we decided to perfect the calendar and booking. We had received user feedback and iteration that showed that our specific user group who frequented the site preferred to book the appointment then make payments later or even at the appointment itself. At the time we had a store set up for users to pay via a shop model. While this worked for a bit, it turned out to be confusing and we decided to keep the store but to emphasize the “appointment booking first” option.

The objective of the website and the interface was to keep the user/customers informed and allow for an easy way to book photography and videography appointments. We accomplished this by keeping the overall design very visual with large photography, strategic use and placement of text, vibrant color use, and an overall corporate look that encourages interaction.

Once we landed on a fully customizable theme that could provide the high level of enhancement we wanted, it would be easy to change and customize on the fly. So far, feedback from users and customers has been extremely positive. We even received constructive feedback and realized we had a pain point from customers and we were able to refocus and change that specific pain point that ultimately became a positive.

Inspiration for the site came from Vue Space’s own library of photography. The background is a simple white with an occasional light grey background to differentiate sections. A deep blue background is used as well to emphasize quotes and important text. Keeping the overall design simple allows for the photography/videography to speak for itself.

The navigation at the top of the site also includes some iconography to indicate email and phone, the rest of the navigation following along with standard web layout and techniques.

To fully see how this website would look on a mobile device, mockups on an iPhone were created to help visualize it.