Category: Web/UX Design & Development

American Blue Ribbon Holding’s company is the parent company for both Village Inn and Bakers Square restaurants. While employed at a digital marketing agency located in Lakewood, Colorado I embraced the task of beginning their website redesigns with new and original UX/UI wireframe designs that would eventually serve their respective design teams to direct intended layout and functionality.

The Problem

Both Village Inn and Bakers Square’s current websites were becoming dated and the marketing directors for each respective division engaged us to begin work on a redesign starting with UX/UI design wireframes for the intended layouts and functionality for the new sites. Both sites would largely match in terms of layouts and content with minor differences between the two sites. The companies wanted a more modern approach to their website that would be fully responsive and allow for dynamic imagery based on time of day, favorite location search features and geolocation services. Additionally, the companies had to meet WCAG 2.0 Compliance and were

The Solution

I worked closely with an external development team to develop detailed wireframes that detailed all the intended layouts and functionality for all required templates. Meticulous notes were kept outlining the exact functions of each template page, including dynamic hero imagery based on time of day, specific drop-down functions, location search, and geolocation functionality as well as any other modules that needed further explanation. These wireframes served to inform the designs and overall development.

The Problem

When I arrived at UCHealth’s marketing department it became quickly clear that many internal departments and service lines had a regular need for the ability to create their own landing pages for specific events or sweepstake offers. Currently, there wasn’t a clear set of rules when creating new landing pages, or what UX design should look like or accomplish. Most departments were starting with a largely blank slate when creating new landing pages and this wasn’t particularly effective for employees/users that were not familiar with how to build new pages, and content areas properly. This also created an ongoing problem of inconsistency with new pages that differed greatly from the main uchealth.org page branding, sections, layouts, and styles.

The Solution

I volunteered to design two new internal templates for users to choose from, one that would serve as a basic page template and one that would serve as a promotional template. Depending on the intended usage and messaging of the new landing page, users could select one of the two new templates and proceed to create their new page. Additionally, the landing page templates include matching branding, sections, layouts, and styles commonly used on the main uchealth.org website pages. This new system would serve as a starting place to assemble new pages going forward and also serve as an approved way to generate new content. Each template comes with a large selection of section choices for information, videos, sliders, paragraphs and bulleted lists that users can select where to insert new content and how to use each section. Any sections that are not used. can simply be removed. These templates were designed and developed to be fully responsive and helped to lock down on and prevent unapproved branding for new digital marketing landing pages.

UCHealth or University of Colorado Hospital is part of the University of Colorado Health System and is the principal teaching hospital for the University of Colorado School of Medicine, located in Aurora, Colorado.

The Problem

Annually, UCHealth releases a cancer care report sharing new breakthroughs in research, technology, advancements, and featuring recent statistics, as well as patient success stories. Generally, the report is provided in a digital PDF format that is distributed across their marketing channels. This year the marketing department at UCHealth wanted to build a complimentary landing page that served as an interactive overview of the topics covered in the report. Additionally, they wanted this new page to be creatively interactive in a way that would captivate viewers with a slick presentation style.

The Solution

Working with the rest of the marketing team we developed a unique landing page experience that was a departure from the usual health care informational site page. The page was developed as a custom WordPress theme template featuring an animating logo on page load, and scrolling animations that fade and fly in and out with information as the user scrolls to each main section. Also included on the page was a video presentation from the Executive Director of University of Colorado cancer center where he covers information about new locations and some recent updates. Following the video is a PDF version of the annual report to view or download.

UCHealth or the University of Colorado Hospital is part of the University of Colorado Health System and is the principal teaching hospital for the University of Colorado School of Medicine, located in Aurora, Colorado.

The Problem

UCHealth planned to have a first annual woman’s health and wellness day hosted at the Pepsi Center and needed an associated landing page to promote the event with featured speakers, a schedule of events, fitness instructors and where to purchase tickets.

The Solution

I designed and mocked up a custom landing page that complimented the pre-approved logo, utilizing similar red and orange gradients with a with a clean and modern contrasting layout that was a departure from the standard UCHealth look and feel that allows the event to live more independently from the parent organization. However, the design does attempt to acknowledge the parent organization in subtle ways, utilizing similar header tags and fonts so as not to appear too separated. Once the design was approved, I proceeded to develop a front facing event template that can be easily edited and updated throughout the year to promote following annual events. The landing page features a promotional sizzle reel from the first event in the hero area of the page featuring yoga classes, speakers, and other related events. Additionally, the landing page features key panel speakers, a responsive table schedule, fitness instructors as well as directing users where to purchase tickets to the event each year.