Type: Site Redesign
Category: Consumer-Facing Website
Description: The Channel Cat Charters website is the online presence for the Channel Cat ship located in Santa Barbara Harbor, SB, CA. The site is used as a sales and marketing tool, as well as to demonstrate the qualities and features of the Channel Cat charter experience to potential clientele. The business caters to a high-end audience and offers individualized and highly personalized service. The (now former) site was launched in 2007. While it served them well for many years, it was built with legacy technology (Flash, Java applets) and was no longer working for them or many of their clients. This resulted in lost booking opportunities, as well as having to guide clients through the site, which was expensive in terms of time allocation. Previously, the site did not include any analytics solution, so measuring these lost opportunities was impossible.
Purpose of the site:
Goals for the redesign:
Problems to Solve:
Preliminary Client notes:
A detailed case-study follows of my design and development process of the site redesign. I explain each step along the way of a very iterative process and provide in-progress artifact screenshots, as well as a gallery at the end of the document showcasing the final result in before/after format.
I updated the User Personas document, to reflect increased understanding of the site's user base.
With this new feedback, I was ready to move onto digital, medium-fidelity wireframes (created in Sketch app), in order to present these to the client. I created these quickly from the low-fi mockups as a reference, along with my ample client notes and client feedback documentation.
I continued working until the site was close to complete. At this point, I reviewed with the client again, and they were ecstatic. They were ready to launch the new site immediately. I explained there was some work to be done to optimize the site for best performance. Additionally, I suggested that we implement Google Analytics in order to measure and learn from the site's users going forward. Finally, although cross-browser testing and mobile tests had occurred throughout the design and development cycles, I wanted to do one last round of thorough checking and capture screenshots as well.
What went well? Business problems solved. User needs addressed. Technical challenges conquered. Analytics added. Desktop and Mobile testing successful. Project completed on time and on budget. Results: Immense client satisfaction!
What didn't go so well? Wait times for images and verbiage content from client were at times lengthy. Some low-resolution content (video, virtual tours, a couple of the gallery images) had to be used as no higher-quality content available.
What would I do differently if starting over? Establish firmer deadlines to receive content and follow up on it. Ensure all content is of sufficient quality and ready to go beforehand.
How well did the process work? Kanban was a good approach for this project, communication levels were good, iterations went smoothly; overall process was effective with very positive results.