Ellen B. M.
Digital Artist & UI Designer
Ocean App UI
Mobile UIProject Overview
The Ocean App was designed to help users monitor ocean sustainability efforts and personal environmental impact. As the chief UI designer, I focused on creating an intuitive interface that balances data visualization with user-friendly interactions for both casual users and environmental enthusiasts.
Key Deliverables:
- Mobile UI Framework
- Dashboard Interactions
- Data Visualization Components
- Animation Prototypes
Project Stats
Design Showcase
App Interface
Designed with a deep blue theme to represent ocean depth, the interface combines minimalist visuals with intuitive gesture-driven navigation. Interactive elements like ripple animations and smooth transitions enhance user experience.
Color & Typography
Deep Blue - #2563EB
Coral Cyan - #6EE7B7
Marine Gray - #24292E
The typography features a clean sans-serif primary font for readability, with a bold serif secondary font for emphasis in key sections.
Key Features
The app includes features like real-time pollution tracking, personalized sustainability goals, and community challenges. Each interface was optimized for both dark and light modes.
Animation Prototypes
Motion prototypes were created to demonstrate micro-interactions like button presses, tab transitions, and feedback animations for in-app challenges completions.
Development Timeline
Research Phase
August 2023
Conducted user research on ocean-related apps and environmental data visualization, identifying opportunities for improved engagement and accessibility.
Design Phase
September 2023
Developed user persona maps, sitemap architecture, and wireframes focused on sustainability metrics and gamification elements.
Testing & Launch
November 2023
Conducted beta testing with environmental organizations before final deployment to App Store and Google Play.