UI Design Case Study – Pet Health Management Mobile App Showcase
A high-quality mobile UI design showcase poster, theme is "UI Design Case Study – Pet Health Management Category". The overall style strictly references outstanding pet app portfolio display images currently on the market: trending UI share images, popular pet product designs on Dribbble, premium app display boards on Behance. It must not look like a backend system style, not a hospital management interface, but an upscale mobile product design for "pet lifestyle + light health management". Overall layout requirements: Vertical 4:5 ratio display poster, deep charcoal gray background. A large Chinese title at the top, with 8 mobile phone interface mockups neatly arranged below. The entire composition should look like a complete set of UI work shared by a designer. The layout references pet UI case images: visually relaxed, cute but not childish, unified, with a strong commercial sense, suitable for social media/portfolio display. Very important: All mobile phone interfaces must strictly use the real long-screen phone ratio, close to the 19.5:9 ratio of iPhone 15/16. The screen proportion must be elongated, not short and fat, not resembling a webpage, not resembling a tablet. Every mobile phone screen content must maintain a fixed aspect ratio close to 9:19.5. The phone outer frames must be unified, with thin bezels, a realistic top status bar, and a natural bottom home bar. All phone proportions must be completely identical. Overall visual style: References the aesthetic direction of excellent pet UI design cases: Large rounded corner cards Clean and ample white space Soft light-colored backgrounds Partial high-saturation accents Large pet images as the main visual Combination of illustrations and real pet photos Light, bright, and modern colors No heavy medical feel, no complex charts or backend panels Color system: Primary colors are cream white, light apricot, peach orange, butter yellow, soft mint green, and light beige gray. The overall feel is warm, healing, cute, and premium. A small amount of bright orange or bright yellow is used for button accents. Avoid large areas of dark green medical style, avoid dull color schemes. Title area requirements: Only use Chinese at the top, no English main title, no designer credit, no text like "KIMI" or "DESIGN BY". Main title: UI Design Case Study — Pet Health Management Subtitle optional: Premium, Light Medical, Healing Mobile Product Design Overall display structure: 8 mobile phone interfaces arranged in 4 on top and 4 on the bottom, with neat spacing. The phone sizes are all unified, but the content on each page must have rhythmic variation, and must not look like a copy-pasted template. Product setting: This is a pet health management app named "PawPaw Health", primarily serving cat and dog owners, helping to record pet health, remind about vaccinations, feeding, consultations, and nearby hospital information. Although the theme is "health management", the UI expression style leans more towards a pet lifestyle product, with more affinity and market appeal like the reference images. The 8 pages are as follows: Splash screen Large pet main visual, one dog and one cat, composition is cute but premium, page is simple. Chinese copy: PawPaw Health Recording Every Moment of Companionship Button: Enter Now Home page Contains pet avatar, today's overview, feeding reminder, vaccination reminder, recent health data. Page structure references excellent pet apps on the market: the upper half of the home page includes a welcome area and search/pet switching function, the middle features large cards, the lower part includes function entries and recommended content. Chinese copy: Today's Overview Feeding Reminder Next Vaccine Health Status Pet profile page Centered on a large pet photo, cards below display information such as age, weight, breed, allergy history, birthday, etc. Must not look like a hospital form page; should resemble a premium pet information card. Chinese copy: Pet Profile Age Weight Breed Allergy History Vaccination reminder page Use more visually appealing timeline cards or calendar reminder methods to display vaccination, deworming, and health check nodes. The page must feel lightweight, not like a backend panel. Chinese copy: Vaccines & Reminders Expiring Soon Completed Add Reminder Feeding record page Refer to lifestyle app layouts, using cuter cards and icons to display today's feeding, water intake, and time reminders. Chinese copy: Feeding & Hydration Today's Feeding Water Intake Record Auto Reminder Health report page Use modern, simple, and minimal trend charts to display weight, activity level, sleep, and appetite. Charts must be beautiful and lightweight, not complex medical backend charts. Chinese copy: Health Report Weight Trend Activity Level Sleep Appetite Status Online consultation page Use a modern chat interface, with veterinarian information at the top, chat history in the middle, and options at the bottom for "Upload Photo", "Describe Symptoms", and "Send". Overall feel must be trustworthy but relaxed. Chinese copy: Online Consultation Upload Photo Describe Symptoms Send Nearby hospitals page A small map in the upper section, a list of hospital cards in the lower section, including distance, business status, appointment button, and 24-hour emergency information. Chinese copy: Nearby Hospitals Open Now Appointment 24-Hour Emergency Interface design requirements: All text must be in Chinese No English buttons, English navigation, or English page names Icons must be simple, modern, and not childish Pet images must maintain a unified style: realistic, cute, and clean Pages must resemble excellent pet UI designs on the market: relaxed, marketable, healing, and shareable Do not make every page look like a system form Every page must have a clear main visual and hierarchical variation Cards with large rounded corners, light shadows, bright white space, and strong visual breathing room The overall style leans more towards a "trending UI share image" rather than a "corporate presentation board" Final effect: The entire image should look like a highly upvoted UI share work found on social media, with a unified style, comfortable colors, realistic and elongated phone proportions, beautiful interfaces, a modern feel, feasible for real implementation, and clearly exhibiting the premium aesthetic sense of excellent pet products on the market.