Mayakoba Resort

  • Agency
  • Freelance
A mockup of the Mayakoba website on different screen sizes and devices

Mayakoba is a resort that includes 4 hotels + residences situated on the beautiful Riviera Maya in Mexico. In order to begin highlighting the availability of the luxury homes, which included amenities offered by the surrounding hotels, the client needed to ensure that leads were being captured properly from visitors of the site.

The existing site had a couple of problems. The most obvious was the lack of a contact form. There was a newsletter signup, but no way of gathering contact information from interested buyers. The next most important thing was a lack of content organization, which made the site confusing and didn't offer much in the way of information. There were some fancy animations, but seemed to be mostly style over substance.

Along with the new website design, HTML emails and banner ads were designed and implemented to push visitor traffic.

Goals:

  • Create a custom theme using new site design and content structure.
  • Add user-friendly lead-capturing form, accessible from both the header and footer of the site.
  • Use Advanced Custom Fields to make content editing as easy as possible within the WordPress admin interface.
  • Create translated Spanish version of the site using the WPML plugin.
View Live Website (opens in new window)
An HTML banner ad created as part of the advertising campaign for the resort. • The Spanish version of the Fairmont Residences page. • An aerial view of the resort.

PGA Tour RSVP

In late 2019, the resort hosted the Mayakoba Golf Classic PGA Tour. In order to keep invitees and RSVPs organized, they requested that we create a web app to gather and organize responses into a Google spreadsheet.

The app was created in WordPress using Formidable Forms Pro, with the User Registration add-on. A four-page form was created with several conditional questions based on whether an invitee was bringing a companion, playing in the tournament, bringing children, or invited to the celebration dinner.

PHP functionality was added to create metadata in the database when a user was registered to determine several things:

  • if the user had not logged in previously, force a password change,
  • which set of questions the user would be presented with and hide inapplicable sections, and
  • provide redirect rules based on how far along in the RSVP process a user was when they last logged out.

Once the user submitted the final steps of the form, the information was sent using Zapier and saved into a Google spreadsheet that was accessible to the client.

A login system was created using Formidable Forms User Registration add-on.
The user was able to save, log out and back in during the process. Many questions had conditional logic to show/hide certain sections based on the answers provided.

Additional Tools

In addition to my normal tools below, I used the following software to make this project successful:

  • Formidable Forms
  • Net Results
  • Litmus
  • Zapier
  • MJML

My Dev Tools

  • WordPress
  • Understrap
  • Advanced Custom Fields
  • Yoast
  • php
  • jQuery
  • Bootstrap
  • Github
  • npm
  • Sass
  • WAVE Web Accessibility Evaluation Tool
  • Sublime Text and Sublime Merge
  • Photoshop
  • Figma
  • Sketch
  • BrowserStack