2026
Rypples
Impact Investment
|
Corporate Website
|
Global
Overview
| Objective | To design and develop a modern, visually compelling corporate website for Rypples, an ocean-focused impact investment firm on a mission to accelerate the transition to a sustainable blue economy. The website showcases their investment verticals, portfolio companies, and founding team while establishing their brand as a leader in ocean innovation. |
|---|---|
| Timeline | December 2025 – January 2026 |
| Team Size | 2 Developers, 1 Designer |
| Website | https://rypples.earth |
Challenges & Solutions
| Challenges | Presenting complex investment verticals and portfolio companies across diverse ocean sectors required intuitive information architecture. Creating engaging visualizations for abstract concepts like ocean health, maritime decarbonization, and ecosystem restoration demanded innovative design approaches. The site needed to balance professional credibility for institutional investors with accessibility for the broader sustainability community. |
|---|---|
| Solutions | We developed an interactive bento-grid visualization system to present investment verticals in an engaging, explorable format. Custom animations using GSAP and Three.js created immersive visual experiences that reflect the ocean theme. A modal-based company details system was implemented to provide in-depth portfolio information without overwhelming the main navigation. The design incorporated Rypples' distinctive neon green and ocean blue color palette to reinforce brand identity throughout. |
Features Delivered
| 1. | Interactive Investment Verticals | Bento-grid visualization showcasing five investment focus areas: Blue Foods, Ocean Health, Ecosystems, Maritime Decarbonization, and Ocean Data. |
| 2. | Portfolio Company Showcase | Dynamic company profiles with founder information, investment details, and direct website links. |
| 3. | Team Profiles | Dedicated team page highlighting co-founders Frederic Trinel and Jerome Ternynck with their backgrounds and vision. |
| 4. | Contact Integration | AWS SES email system with Google Sheets integration for lead capture and inquiry management. |
| 5. | Admin Dashboard | Administrative panel for managing portfolio companies and website content. |
| 6. | Responsive Design | Fully responsive implementation optimized for all device types with mobile-first approach. |
| 7. | Visual Effects | Custom ripple animations and Three.js-powered visual elements reflecting the ocean theme. |
| 8. | Performance Optimization | Optimized asset loading and rendering for fast page loads across global regions. |
Tech Stack
Frontend
Next.js, React 19, TailwindCSS, GSAP, Three.js
Backend
Next.js API Routes, AWS SES
Database
MongoDB, Google Sheets API
DevOps
Vercel, GitHub
Results
The Rypples website successfully launched, establishing a strong digital presence for the impact investment firm. The interactive investment verticals visualization received positive feedback for making complex ocean economy concepts accessible to diverse audiences. The site effectively communicates Rypples' mission to catalyze ocean innovation, helping attract both investors and innovative ocean technology startups to their portfolio.
The team delivered a website that perfectly captures our mission to accelerate the transition to a sustainable blue economy. The interactive visualizations bring our investment thesis to life, making it easy for founders and investors alike to understand our focus areas. The attention to detail in the ocean-themed design elements reinforces our brand identity while maintaining the professional credibility essential for an investment firm.
Frederic Trinel
Co-Founder, Rypples
Services Provided
UI/UX DesignWeb DevelopmentInteractive VisualizationAnimation DesignCMS ImplementationEmail IntegrationPerformance Optimization
Want to build something like this?
Contact UsEmpower your business with DotENV.
Enquire now to learn more.