Develop an innovative website and mobile app that seamlessly integrate convenience, safety, and technology, enhancing the pet care experience for owners by providing a comprehensive platform to monitor and manage their pets' health and well-being through the Smart Pet Crate.
Crate Away
Role
Product Designer, UX Research, System Designer, UX/UI
Tools
🌱 Introduction
Crate Away is a pet manufacturer that builds the foundation for a fuller life with pets through innovative crating solutions, tech enhancements, accessible pricing, and convenience.
Pet owners face significant challenges in monitoring their pets' health and ensuring their safety and comfort during travel and daily routines.
Traditional pet crates lack the technological integration necessary for comprehensive health tracking and ease of use.
👀 The Problem
“Develop a user - friendly and visually captivating website and app to launch a new pet care product.”
🗝️ Key Tasks
Simplicity and Clarity
Reflect the brand’s friendly and approachable nature.
Intuitive Navigation
Make it easy for users to explore and understand the product offerings.
Product Showcase
Highlight the benefits and options for both standard and smart pet crates.
🧩 The Solution
A Breath of Fresh Air
Clean and Light Design - employ a minimalist approach, conveying eco-friendliness and a calming atmosphere.
Intuitive Navigation - implemented a straightforward navigation bas for easy access to product information and purchasing options.
Unboxing the Perfect Fit
Color Options & Pre-ordering - display color variations with a prominent and easy-to-understand call to action for pre-ordering.
Additional Products - feature a dedicated section for showcasing accessories, that complemented the pet creates.
The Smart Choice Awaits
Competitive Advantage Highlights - clearly explain the innovative features of the smart crate, emphasizing benefits like remote monitoring or temperature control.
Waitlist Sign-Up - offers a simple and prominent form for users to join the waitlist for the smart crate, keeping them informed about the launch date.
🍥 Design Process
🏋🏻♀️ Competitor Analysis
🏋🏻♀️ Job To Be Done
🏋🏻♀️ Mapping out the steps (user flow)
Research : User Flows
By mapping out the steps that users would take to achieve their goals, I was able to identify pain points and areas of improvement in the design.
This helped me to make informed decisions on how to streamline the user experience and simplify the navigation.
🏠 Organizing content
Research : Information Architecture
I wanted to take this project further by improving its content management through Information Architecture.
This way, I can structure the information in a way that aligns with the users' mental models and expectations.
🏋🏻♀️ Outline the basic structure
Design : Lo-Fi Wireframes
Throughout our project, I took the lead in designing the low-fidelity wireframes, laying the groundwork for our design direction. In addition to spearheading the initial design phase, I played a critical role in facilitating the handoff to developers, offering essential guidance for the creation of high-fidelity wireframes.
It's worth mentioning that my focus remained on the low-fidelity aspect, while I ensured a smooth transition to the high-fidelity stage through my contributions.
😁 Mood Board
🧑🏻🎨 Branding and Design System
📈 Meet the result
Prioritizing User Engagement
・ Wide, information-rich product cards showcases product details alongside high-quality images. Such cards provides users with a comprehensive overview at a glance.
・ Clear call to action guides users towards the desired action with well-defined buttons. Prioritize the primary action while offering a secondary option for those who want to learn more.
・ Reflect the brand’s friendly and approachable nature.
Compelling Product Benefits
・ This section showcases the main advantages of the product. It is clearly explained and illustrated with high-quality photos.
・ Advantages block outlines how the product delivers specific benefits to users, addressing their pain points and driving positive outcomes.
Crystal Clear Product Page
・ Comprehensive features shown in an easy-to-understand format.
・ Detailed size guide accessible through a pop-up window.
・ Action-oriented options. Users can pre-order the product or join the waitlist for notifications when it’s available.
・ Seamless Navigation showcases related products that might be interesting.
・ Additionally, drop down menus provide easy access to all the information about the crate and overall order process.
Unveiling the Smart Pet Crate App
・ Comprehensive features exploration to dive deep into the functionalities.
・ Subscription plan breakdown for a clear understanding of the service.
・ Priority Access to be among the first to experience the app’s overall order process.
☀️ Reflecting on the Project
Working on Crate Away's website and app development was a fulfilling experience that combined my passion for user-centered design with innovative pet care solutions.
The project's key challenge was integrating health monitoring features seamlessly into the app, ensuring ease of use and reliability for pet owners.
The branding focused on convenience, safety, and adventure, aligning with modern pet parents' needs.
This project not only honed my skills in creating user-friendly interfaces but also deepened my understanding of how technology can enhance everyday pet care.
🔅 More of my Projects 🔅
2023・Fluidra・Product Design I Design System・B2C I B2B I Automation
A component library built for both designers and engineers for a cutting-edge pool automation, currently under NDA, and with the deep belief that rules are made to be broken!
Feb 2023・Fluidra・UX/UI Design I Design System・B2B I Dashboard I Onboarding
Seamlessly integrated Fluidra's rewards program into the Fluidra Pro B2B app and web platform, delivering a unified single sign-on experience for access to the complete suite of pool professional services and solutions.
Working with financial data analyst experts I created the visual foundations, interactions and experience for a suit of AI-powered tools.
May 2024・Stealth Startup・Product Design I Design System・B2B I SaaS I D2C
2023 - 2024・Fluidra・UX/UI Design・B2B I Service I Dashboard
Revamped the Fluidra Pro B2B app to enhance user engagement by streamlining functionality and modernizing the interface for a better professional user experience.