Menu close X
let's talk.
Get in touch with me
connect.
Find me on LinkedIn

Creating extraordinary experiences for dining loyalty and rewards members

My Role:
UX/UI Designer & Creative Director

Transforming loyalty websites into user-friendly experiences

UX/UI Design

As Director of Creative and User Experience, I led the redesign of Rewards Network’s partner websites to resolve persistent usability issues. Using the company’s proprietary brand, iDine, as a sandbox, I introduced and tested new features that would later roll out across all white-label sites.

The Challenge

Analytics revealed a 56% bounce rate among mobile users and steadily declining enrollments—clear signs that the sites were not optimized for smartphones or tablets. With limited development resources, we needed a quick yet effective solution. The team adopted a two-phased approach: first, launch standalone mobile sites to address immediate pain points; then, follow with a full responsive redesign to modernize the entire platform.

iDine homepage design on desktop and mobile

Driving measurable impact through better design

Decreased bounce rate to under 50%

By re-engineering the framework and implementing UX best practices the bounce rate was reduced to 37%.

13 mobile sites deployed in 10 weeks

In partnership with the development team at Trilibis, the team deployed over a dozen mobile websites in record time.

3x increase of enrollment rate

Within the first week of launching, enrollment tripled as a result of a new mobile friendly 3-step enrollment form.

A Phased Approach to Modernization

Establishing the framework for a fully responsive site

Old mobile app design
Phase 1: Mobile Optimized Sites

The first phase was to create a separate mobile-optimized product that lived outside of the antiquated CMS platform that all the partner websites were built on. The most critical functions (search, enrollment, account management, and reviewing dining locations) were retooled and adapted to work effectively on smaller screens.

iDine responsive homepage design
Phase 2: Responsive Design

Now faced with the redundancy of three separate iDine digital products across multiple CMS platforms, the solution was to transition to a fully responsive experience—a move that freed up development resources while addressing usability issues with the existing sites and app, and modernizing the interface I designed.

Underneath the Hood: Turning Feedback into Frameworks

I began the UX process by gathering and reviewing all website comments from members. While some feedback was harsh, it provided valuable qualitative insight and confirmed the sites’ poor user experience.

An illustration of a negative user comment
An illustration of a negative user comment
An illustration of a negative user comment
A screenshot of iDine the user feedback spreadsheet
Phase 1: Mobile Optimized Sites

The first phase was to create a separate mobile-optimized product that lived outside of the antiquated CMS platform that all the partner websites were built on. The most critical functions (search, enrollment, account management, and reviewing dining locations) were retooled and adapted to work effectively on smaller screens.

iDine personas and a screenshot of the competitor heuristic eval scorecard
Phase 2: Responsive Design

Now faced with the redundancy of three separate iDine digital products across multiple CMS platforms, the solution was to transition to a fully responsive experience—a move that freed up development resources while addressing usability issues with the existing sites and app, and modernizing the interface I designed.

Wireframes

I concluded the UX process by developing wireframes that included my recommendations on improving the pitfalls that were plaguing the site usability. 
The wireframes would be the foundation upon which the following UI components and improved functionality would be built.

iDine desktop wireframeiDine desktop wireframeiDine desktop wireframeiDine desktop wireframeiDine desktop wireframeiDine desktop wireframeiDine mobile wireframesiDine mobile wireframesiDine mobile wireframesiDine mobile wireframesiDine mobile wireframesiDine mobile wireframes

More Useful Search

The original two-field search was ineffective and confusing. I replaced it with a single input field supported by three intuitive tabs—location, cuisine, and features. This streamlined design allows users to quickly refine their search while keeping the experience simple and familiar.

Old venue details page
Old Search
Redesigned search module
Redesigned Search

Streamlined Search Results

Content on the search results pages was reorganized for better scanning to help users quickly identify the most relevant results. Additionally, a more intuitive sorting and filtering module was added to the top of the page—as users interact with it, results are dynamically updated.

Old search results
Old Search Results
Redesigned search results
Redesigned Search Results

Reduced Enrollment Clicks

The enrollment process was reduced from three pages to a single page with a simple two-step form. By removing non-essential fields, the flow became faster and less fatiguing. As a result, signups felt effortless, encouraging more users to complete the process.

Old  iDine enrollment page
Old Enrollment
Newly designed iDine enrollment page
Redesigned Enrollment

Simplified Account Center

Now vertically formatted to direct the user flow and focus visitors on a single task at a time. Use of mobile-friendly accordion panels keeps the interface clean, hiding irrelevant information, which enables details to be reviewed/updated without distraction.

Old account center page
Old Account Center
Redesigned account center page
New Account Center

Modern Venue Details Page

Clean and void of unnecessary elements, the newly designed page takes on more of an e-commerce product page feel.  Additionally, supplemental editorial content boosts SEO while adding brand personality.

Old venue details page
Old Details Page
Redesigned venue details page
Redesigned Details Page
Homepage logged-in
Homepage (Logged-in)
How it Works page
How It Works Page
arrow pointing upward