The main external website for Kelsey-Seybold was not responsive for display on mobile devices, which were accounting for an increasingly large percentage of our traffic. Google had just updated their ranking algorithm to provide more weight to sites that were responsive, and Marketing was anxious to bring our website up to speed. The site was also implemented on SharePoint 2010, and was becoming difficult to support and maintain due to both the platform and design decisions that were made early in the process of building the site.
The Marketing department contracted with an outside firm to provide an initial redesign and new look and feel for the site. I was closely involved in this process, helping develop the requirements for the site, interview potential design firms, and provide feedback on the designs from the firm as they progressed. Once the firm delivered the finished designs, I worked with Marketing to design additional page templates that we needed. I also worked closely with the IT developers and software architects on my team to implement the site design and branding in SharePoint 2013.
In addition to our public site, Kelsey-Seybold maintains several branded healthcare plan sites for employers. I was responsible with developing maintainable CSS themes for each of them that worked with the new responsive design of the main site.
After the initial launch of the redesigned site, I continued to design new pages and new functionality as needed by the Marketing department. One example of this is the Events page, where Marketing can advertise all of the upcoming events related to our Clinics or our Providers. Typically, each of these pages starts out as a rough sketch or whiteboard drawing made during a meeting with marketing and the developers.
Once we all agree that the sketch is headed in the right direction, I take and refine it into more detailed wireframes which are sent back to marketing to be approved.
In some cases we need high fidelity mockups in order to sell an idea or concept to higher level management, but this step is fairly time consuming. I generally try to keep photo-realistic mockups to a minimum, and transition directly from wireframes to implementing in code.
Kelsey-Seybold.com was converted to an updated SharePoint 2013 site which provided a cleaner, fresher interface and a much better experience to our users on mobile devices. Mobile traffic has increased to the site, our Google rankings have improved, and web metrics show that users are finding what they want more quickly and booking more appointments online. The website is easier to maintain, and we have the option to apply specific branding to various sub-sites as needed.
Requirements Gathering, UX Design, Visual Design, HTML/CSS Implementation
Adobe Photoshop, Microsoft Visual Studio