NatureScapes offers nature photography workshops and tours to premier destinations around the world. If a photographer wants to learn new skills alongside a professional, attending a workshop or tour at a location based on their interests is an excellent learning experience, with the first part of the journey on the website.
As part of the website’s responsive design phase, I recently re-designed the entire Workshops and Tours section which is currently in development. Design upgrades included updates to landing pages, trip detail pages, and information pages, as well as a brand new registration system and waiting list feature.
Below is the design process and prototypes for the forthcoming Workshops and Tours section. Also related, check out my email marketing portfolio for the customer journey flow for travel email marketing. To view page #1 SEO optimizations, see my SEO portfolio.
Version 1.0 of the Workshops and Tours section has been in place for many years, requiring an upgrade for improved experience and usability on devices.
The current Workshops and Tours section has been in place for awhile and required an upgrade.
Above is a persona for a client based on those the company talks to daily. During the re-design phase of Workshops & Tours, I introduced features to best serve new clients like Henry.
Pictured above are wireframes for the new travel schedule, trip detail page, and other new pages including the improved registration process.
Once a plan and outline was determined, I created wireframes as a communication tool for stakeholders and the developer.
Since the new design was largely based around the existing website to address problems and introduce new features, I wireframed screens for every section.
The wireframes also served as a planning tool to get feedback from the web developer. By seeing the wireframes first, they could provide feedback ahead of time on new features like the payment process and offer other suggestions. Some ideas, such as having a client sign-in area, were scrapped.
View a clickable prototype on your desktop, tablet, or mobile via InVision. InVision prototypes can take awhile to load, depending on your Internet connection. You can also preview desktop screens by clicking a thumbnail image in this section.
Visually, my goal was to create a responsive design that tells a story, solidifies trust, and conveys the personal service received when selecting NatureScapes as your travel provider.
On the technical side there were some major changes along with an improved user experience, registration process, and search engine optimization. To name a few: