In 2012, we built the website for the Penn Vet Working Dog Center. Our contact at Penn Vet recalled the awesome work we did on that website and contacted us to take on much-needed website renovations for new project, Capable Canine. Her goals were to condense some of the content for a more uniform feel, modernize the look of the site, and streamline training course registration with online signup forms.
Capable Canine is a program based in Philadelphia, PA combining education and practice from authorities across disciplines and around the world to create a unique training program and some of the best detection dogs in the world. Their website is designed to provide public access to knowledge and tools behind one of the nation’s top scientifically based detection dog breeding and training program, helping you to unleash your dog’s full potential.
When they approached us to help streamline their process, we were honored to help in any way we could.
Our first order of business was to increase the page width for a more contemporary feel. And so…we did… Not much else to say on that, sometimes something as small as this can go a long way towards modernizing a site, just take a look for yourselves:
The original Capable Canine Training Classes page showed distorted course images with descriptions underneath, creating a jumbled and confusing layout for the page. The images were unclickable with links to the class pages underneath, not the most intuitive user interface.
We reformatted the Training Classes page so images would display at the same size throughout for improved uniformity. The images are clickable too with course descriptions appearing as you hover over them. Capable Canine wanted to give prominence to class sponsors and other pertinent course information, so we added custom fields for each course to include sponsor names, image taglines with additional class info, and class descriptions. Using the custom fields allows Capable Canine to share information in a uniform way without learning to code, they just fill in the blanks and voila!
Another thing that’s ideal about custom fields is the information in those fields can appear not just on the Training Classes page but in multiple places on the website. When the information is updated, those updates also apply wherever the information appears within the site.
Looking at the above image of the Training Classes page, you’ll see the aforementioned course images with sponsor names, additional course info and class descriptions displayed in image overlays (that is, if information is put into those respective fields for that course).
Below, you’ll see the same course image, sponsor and tagline on the course’s page header, and all of it’s being pulled from the same corresponding custom fields. If someone changes the information in either of those fields, it will update in both of these places. So cool!
When you click on an image from the Training Classes page, you’re taken to the individual class page with additional info a registration form. Above the form, you’ll see class prerequisites and an option to opt-in to the Capable Canine newsletter, something else they thought would be ideal to include so that visitors could register and sign up for the newsletter simultaneously.
Do you need a more capable website, or do you just need a website in general? Contact the team at MayeCreate Design. We believe websites work when good design meets solid functionality. Our web designs always aim for ease of use and clear communication. Check out our portfolio for a look at our other projects and to get your pride on…today.
Katie is a Designer & Content Developer at MayeCreate Design. Her responsibilities and experience include content development for websites and online marketing, blogging, general website maintenance, graphic design, ad campaign management, project management, office management, bookkeeping, and customer service. As a wife, mom, twin, seasoned karaoke singer and amateur rock climber, she’s seen the world from many perspectives and thrives to bring an open mind and clear vision to her position here at MayeCreate.
© MayeCreate Design 2019 | 573-447-1836 | firstname.lastname@example.org | 700 Cherry St. Suite C, Columbia, MO 65201