DETAILERS
Interactive Mobile App (Tablet)
Client: Merial
Industry: Veterinary Pharmaceuticals and Healthcare
Project Type: Interactive Mobile App (Tablet)
Role: IxD / UI Designer
User Interaction Design , User Interface Design
Intro
OVERVIEW
Executive Summary
The transformation and consolidation of Frontline® Tritak™ materials, along with the animation of Heartgard® Heartworm Life Cycle, modernized outdated hard-copy detailers previously used by sales representatives.
These were reimagined into engaging, informative, and interactive mobile applications specifically designed for veterinarian offices.
Problem Statements
Challenges
Information Overload:
Text-heavy materials filled with complex technical and medical jargon.
Lack of Engagement:
Static, monotonous presentation that failed to captivate the target audience.
Redundancy:
Veterinarians were already familiar with much of the technical content, leading to diminished interest.
The Solution
Two beautifully designed, interactive tablet apps—one for Frontline® Tritak™ and one for Heartgard® Heartworm Life Cycle—were developed to overcome these challenges, focusing on:
ENGAGEMENT
Eye-catching visuals, animations, and interactive features.
USABILITY
Intuitive navigation and touch-responsive elements.
VISUAL STORYTELLING
Simplified complex medical concepts with dynamic visuals.
1.
FRONTLINE DETAILER
Tritak™ Intro
Frontline® Tritak™ for Dogs is a fast-acting topical treatment that begins eliminating fleas and ticks within just 5 minutes, reducing the chance for fleas to bite. It also targets flea eggs and larvae, effectively disrupting the flea life cycle.
The project aimed to emphasize the product’s rapid action and its efficacy against various flea and tick species prevalent in different regions.
FRONTLINE DETAILER
Interactive Features
Speed of Kill Stopwatch:
Found on the “Speed of Kill” page, this interactive feature showcases Tritak’s efficacy.
Users can scrub the stopwatch to watch ticks fall off the animal in real time, visually demonstrating how quickly the product works.
A toggle allows users to switch between fleas and ticks, offering an in-depth comparison.
FRONTLINE DETAILER
Interactive Features
Efficacy Map:
A stunning visual display that highlights regional tick and flea distributions.
The map features custom iconography for specific tick and flea types, with interactive navigation to explore their statuses across different regions.
MAP DETAILS
CUSTOM ILLUSTRATIONS
FRONTLINE DETAILER
Custom Elements
Visual Design:
Custom iconography, typography, and illustrations bring the product to life, enhancing the user experience. Attention to detail ensures that every interaction is informative and visually appealing.
ICONOGRAPHY
TYPOGRAPHY
2.
HEARTGARD DETAILER
Heartworm Life Cycle Intro
Heartgard® is veterinarian prescribed medication that prevents heartworm disease by eliminating heartworm larvae. It also treats and controls roundworms and hookworms, offering comprehensive internal parasite protection for dogs.
This project was designed to illustrate the heartworm life cycle and demonstrate how Heartgard® Plus interrupts this cycle, safeguarding canine health.
HEARTGARD DETAILER
Interactive Features
Timeline Page:
Features an interactive timeline at the bottom of the page. Users can slide along the timeline to track the growth and development of heartworms from day 1 to day 70. Animated dog illustrations dynamically display the growth of heartworms, making complex information visually digestible.
HEARTGARD DETAILER
Interactive Features
Navigation:
When users enter the app it serves as an interactive guide that allows users to click on any point in the heartworm life cycle to explore specific stages in greater depth.
Skills Highlighted
IMPACT & INSIGHTS
Lessons Learned
-
Interactive Design Expertise:
Created a dynamic, touch-responsive elements to enhance engagement.
-
Innovative Problem-Solving:
Overcame the limitations of traditional detailers by designing an entirely digital, interactive solution.
IMPACT & INSIGHTS
Lessons Learned
-
UI Design Excellence:
A visually appealing and functionally seamless interface for the user.
-
User-Centric Approach:
Focused on the unique needs of both sales reps and veterinarians, ensuring the app was intuitive and impactful.
RESULTS
Success
Two Interactive Apps Delivered
The apps successfully replaced the outdated hard copy detailers.
Enhanced Engagement
Veterinarians reported increased interest and interaction during sales presentations.
Simplified Communication
By reducing textual overload and leveraging interactive innovation, the apps made complex medical information approachable and memorable.
RESULTS
Metrics
Increased average session time with veterinarians by 25%.
Boosted product inquiry rates by 30% during app-based presentations.
Received overwhelmingly positive reviews from sales reps and their veterinary clients.