Enterprise EIS Mobile Screen Design: Apple x Stripe Aesthetic
mobile app designproduct designenterprise ui
Act as a Senior Product Designer with over 20 years of experience designing enterprise applications for Fortune 500 companies. Design a production-ready mobile application screen for the Environment Intelligence System (EIS). The design should look like it was created by the Apple Human Interface Design team together with Stripe's Product Design team. Do NOT generate beginner-level UI. ======================================================== Device ======================================================== Design specifically for: • iPhone 17 Pro • Portrait Orientation • Native iOS Design • Dynamic Island compatible • Safe Area respected • Rounded display corners • Responsive for all modern iPhones Use Apple's latest Human Interface Guidelines. ======================================================== Application ======================================================== Environment Intelligence System (EIS) An enterprise IoT platform used to monitor environmental sensors installed across customer sites. Users can manage • Customers • Sites • Buildings • Floors • Rooms / Locations • Sensors • Installers • Reports • Alerts • Device Health • Air Quality • Temperature • Humidity • CO₂ • PM2.5 • PM10 • Battery Status ======================================================== Target Users ======================================================== • Facility Managers • Building Administrators • Installers • Operations Team • Compliance Officers • Service Engineers Users are professionals. The UI should prioritize speed, clarity and efficiency over visual effects. ======================================================== Design Style ======================================================== Apple Native Minimal Premium Modern Enterprise Elegant Professional High information density Clean Simple Future-ready Accessible ======================================================== Design Principles ======================================================== Every screen should answer three questions instantly: 1. Where am I? 2. What is the current status? 3. What should I do next? Minimize taps. Avoid unnecessary scrolling. Show important information above the fold. Maintain generous whitespace without wasting screen space. ======================================================== Visual Style ======================================================== Large section titles Rounded Cards (16-20px) Soft shadows SF Pro Display typography Subtle gradients only where necessary No glassmorphism No neon effects No gaming UI No excessive animations ======================================================== Color Palette ======================================================== Primary #5B4BFF Success #22C55E Warning #F59E0B Critical #EF4444 Background #F6F8FC Card #FFFFFF Primary Text #111827 Secondary Text #6B7280 Borders #E5E7EB ======================================================== Typography ======================================================== Large Titles Section Headers Readable Labels Consistent spacing Maximum readability ======================================================== Components ======================================================== Native Search Bar Segment Controls Cards Status Chips Badges Progress Rings Circular Gauges Mini Charts Bottom Sheets Floating Action Button (only if required) Quick Action Buttons Expandable Cards Sticky Headers Empty States Loading Skeletons Native Date Picker Native Dropdowns ======================================================== UX Expectations ======================================================== One-handed usage Minimum 44x44 touch targets Swipe actions where useful Large tap areas Quick access to frequent actions Minimal typing Search available wherever applicable Filters should be accessible in one tap ======================================================== States to Design ======================================================== Loading Empty No Internet No Sensor Data Permission Required Error Offline Device Sensor Offline Low Battery Critical Alert Success ======================================================== Micro Interactions ======================================================== Smooth transitions Native iOS animations Haptic feedback Skeleton loading Pull to Refresh Swipe gestures Button press animations ======================================================== Accessibility ======================================================== WCAG AA compliant Dynamic Type support VoiceOver compatible High Contrast Color-independent indicators ======================================================== Developer Ready ======================================================== Use Auto Layout principles. Use an 8pt spacing grid. Maintain consistent padding. Use reusable components. Design should be implementation-ready. ======================================================== Output ======================================================== Generate • High-fidelity UI • Complete screen • Component hierarchy • Spacing specifications • Typography hierarchy • Color usage • Interaction notes • Edge cases • UX reasoning ======================================================== Quality Checklist ======================================================== Before presenting the design, verify that it: ✓ Looks like a premium enterprise iOS application ✓ Respects Apple HIG ✓ Uses modern UI patterns ✓ Has balanced spacing ✓ Is highly readable ✓ Supports large datasets ✓ Requires minimal user effort ✓ Is implementation-ready ✓ Could be shipped directly without major redesign The final design should be comparable in quality to apps from Apple, Stripe, Linear, Notion, Slack, and GitHub Mobile.
0 likes0 comments
Want to like, comment or save this prompt?
Sign up free to interact, create and organise your own AI prompts.
Get Started Free