Secret Adriatic
Client
Secret Adriatic d.o.o., Croatia
Team
Zeljko Simic - Senior Full-Stack Designer
Services
UI Redesign & Visual Styling; UX & Information Architecture; New Sections & Content Components; Interactive Features & Functionality; UI/UX Development, Optimization & Code Quality; Content & Third-Party Integrations;
View Project
Secret Adriatic is a premium yacht charter company specialising in sailing holidays along the Adriatic coast. Their curated selection of sailing yachts and catamarans, combined with destination guides, sailing itineraries, and a hands-on customer support approach, positions them as one of the region’s most trusted resources for both first-time charterers and seasoned sailors.
Before and After Case
Brand Problems
- UI colours disconnected from the brand palette
- Agent banner clashed with the brand tone
- Homepage had no coherent visual story
- Boat list page was very weak and broken
- Boat detail page needed complete rework
- Featured cards undersold a premium product
- Typography felt unplanned and inconsistent
Our Solutions
- Logo colour applied consistently
- Agent banner restyled
- Homepage restructured into a unified narrative
- Boat list page significantly improved
- Boat detail page significantly improved
- Featured cards redesigned
- Typography standardised throughout website
Secret Adriatic reached out with a clear goal: Secret Adriatic’sexisting platform had solid bones they wanted to keep at all cost, but the interface had grown inconsistent over time — a mix of styles, misplaced elements, and a codebase that needed serious attention. They needed a partner who could bring visual coherence, improve the user experience across key booking flows, and deliver new features without disrupting what was already working.
The Focus
The focus was on bringing the interface in line with the brand — replacing generic colours with tones drawn directly from the logo, tightening the sidebar booking experience, and restructuring how information was presented on boat listing and detail pages. New sections were designed for the homepage, including a featured boats block, a boat brands directory, a sailing itineraries showcase, and a sitewide inquiry banner carried across every page above the footer.
Several meaningful upgrades were delivered. An interactive map filter was integrated into the boat listings, giving users a geographic way to explore available vessels. The table of contents component was extended with full scroll support and mobile-friendly behaviour. Load more buttons across the site were replaced with proper pagination, and a content expansion script was implemented to handle long-form text cleanly. The how-to-book flow on a home page was redesigned as a partial-screen popup so the search bar always remained visible, and boat offer listings were made embeddable directly within blog articles in order to increase conversions.
On the development side, the codebase across the index, blog, boat list, boat detail, and itinerary layouts was audited and cleaned. Navigation code was refactored, responsive behaviour was overhauled for mobile and tablet, and the footer was expanded and brought up to standard. In total 9 static pages (HTML, CSS, JS) were reworked and delivered to Secret Adriatic’s IT agency for implementation.
The Result
The result is a platform that feels faster to navigate, easier to book through, and consistent enough to support further upgrades and continued growth.
A great website doesn’t just look good — it loads fast, ranks well, and stays out of your way. When all of that comes together, you stop worrying about your tech and start focusing on what actually grows your business. This project demonstrates that even a heavily compromised site can be turned into a performing platform with the right strategy and execution.
Got a website or visual identity that’s holding you back?
We’ll tell you exactly what needs fixing — before you spend a single euro.
