Boatico Website by Alice Kalnitska is a highly esteemed winner of the very prestigious 2022 A' Design Award in Website and Web Design Competition Category.
IronWeb· 2022
Boatico Website
Client: Boatico
A' Design Award Winner in Web Category
Verified Award Winner
Verify Award Status for #140560The Design
About Boatico Website
Boatico is a modern yacht charter platform for sailors who search for safe and uncomplicated boat booking. Their mission is to help find the best solution for vacation. Project task was to create an unusual design for this niche, and convey emotions. Therefore, it was decided to use deep blue shades that are associated with the sea. The rounded corners of the elements are like rounded waves. Typography also reflects the essence of the project, condensed geometric font adds branding. All graphics are made in one style and one color palette, which creates the integrity of the project.
The Recognition
About the A' Design Award
Boatico Website is an Iron A' Design Award winner, a prestigious recognition granted to good designs that meet the professional and industrial requirements expected from well-designed creations. Iron winners demonstrate great skill, high specialization, expert understanding, and creative capacity of their creators. Boatico Website is expected to be a highly regarded, admired, and cherished creation that is practical and innovative. This Iron A' Design Award-winning design integrates industry best practices and has competent technical characteristics linked with know-how and talent. Boatico Website is respected for its thoroughness and is designed to provide quality of life improvements that help make the world a better place.
Interviews
Grand Interview
Your innovative approach to the Boatico Website's deep blue color palette and wave-inspired rounded elements beautifully captures the essence of sailing - how did your professional swimming background influence these specific design choices?
Unlike the client, I am not a professional in the yachting industry. However, I immersed myself deeply in the world of sailing, studying its aesthetics and atmosphere. The dark blue color was chosen to reflect associations with the depth and calmness of the sea, while the rounded elements symbolize waves and the fluidity of movement. This approach helped create a design that intuitively resonates with the maritime theme and evokes the right emotions in users.
The Boatico Website seamlessly integrates user experience with emotional resonance through its unique typography and geometric elements - could you elaborate on how you developed this distinctive visual language to serve both functional and emotional needs?
For the visual language, I chose modern typography that reflects clarity and order, essential for functional design. At the same time, the soft lines and proportions of the fonts add a sense of friendliness and emotional appeal. Geometric elements, such as wave-like lines and shapes reminiscent of seascapes, establish a connection with the yachting theme, enhancing the atmosphere of freedom and adventure. All these elements were carefully balanced to complement rather than distract from the user experience.
What insights from your hands-on yacht experience during the research phase most significantly shaped the final user interface decisions in the Boatico Website, particularly regarding the booking flow and navigation structure?
Practical experience showed that users value the ability to quickly assess yacht availability, rental conditions, and additional services. This inspired us to make the booking process as straightforward and intuitive as possible, eliminating unnecessary steps. Additionally, we implemented filters and quick access to key information, ensuring that the navigation structure aligns with the real needs of renters, such as seasonality, route, and passenger capacity.
Behind the Design
Press Kit
Credits, team members and technical details provided by the designer.
- Unique Properties
- Boatico is a modern yacht charter platform for sailors who search for safe and uncomplicated boat booking. Their mission is to help find the best solution for vacation. Project task was to create an unusual design for this niche, and convey emotions. Therefore, it was decided to use deep blue shades that are associated with the sea. The rounded corners of the elements are like rounded waves. Typography also reflects the essence of the project, condensed geometric font adds branding. All graphics are made in one style and one color palette, which creates the integrity of the project.
- Dimensions & Packaging
- The site is designed to be fully responsive: 4k resolution, laptops, smartphones, tablets and other devices. Available in the latest versions of Chrome, Firefox, Safari, iOS and Android.
- Tags
- UX, UI, Website, Web design, Interface, Responsive, Yacht Charter, Platform, Alice K design
- Production Technology
- UX/UI design: Miro & Adobe Xd;
Image retouching: Adobe Photoshop;
Development: HTML, CSS, JavaScript, PHP, SQL. - Design Challenge
- Creating the first design is not the most difficult part of project development. The most difficult thing for me is constant analysis and improvements based on users behavior. Since after the launch of the project, you begin to understand what users need and what not. And as a result, you make changes to website many times.
- Research
- 1. Before moving on to visual interface design, UX/UI designer Alice K conducted research on the target audience.. A separate group of users who are interested in relaxing on a yacht was taken, and a briefing was also held for past clients of the customer who had already booked yachts. An analysis of competitors' websites and applications was carried out in order to prioritize the future structure and functionality: what is needed and not needed for users;
2. After that, a sitemap, wireframe and prototype of project were designed;
3. Alice K and ITmaestro team moved on to visual design, development and animations;
4. The site has been tested for usability on different types of users (and on different devices), as a result of which errors were found and eliminated (in order of priority) that made it difficult for users to achieve the goal.
5. Since the Boatico website is constantly evolving, usability tests, system load, site loading speed, support for all popular devices and other important tests and studies are regularly conducted. - Inspiration
- Azure sea, yellow sand, yachts and amazing landscapes. All this about the Boatico project!
UX/UI designer Alice K has been professionally engaged in swimming for 11 years and of course, she is interested in sailing and relaxing on a yacht a lot. Is there anyone who would not be interested in this?:) So this project was very inspired from the first minute and Alice created it even in her free time. She wanted to convey all those feelings when you are at sea on a yacht. Therefore, deep shades of blue were used, modern styles and geometric fonts were supported.
For greater immersion in the project, Alice and ITmaestro team booked a yacht to feel all the same emotions. Raise the sails! Captain Ivo shouted! - Project Duration
- First meeting with a client in September 2020 in Vienna, Austria.
The project started in September 2020 in Kharkiv, Ukraine.
Published on the web in January 2021.
Update July 2021 - until now. - Operation Flow
- The main direction of the site is booking one of 9000 yachts in 50 countries of the world.
Users can go to the search page. Then use filters, sorting, see the characteristics of the yacht and additional options.
Depending on the user device, the way of navigating the site changes. Top and bottom navigation on PC version. And a hamburger menu on mobile devices.
After the client has chosen a yacht, fill out the form, submit the documents and make the payment to book an amazing yacht adventure.
To organize a trip, the site has a section with routes for yachting, sorted by country. As well as tips from experts, FAQs, a blog and more. - Team Members
- Designer: Alice K
Developers: Oleg K - Image Credits
- Freepik; Unsplash
Sponsored
Explore Beyond Designers.org
Discover products, services and opportunities from our advertising partners.
More to Explore
Related Designs
Explore more award-winning designs from the same category, selected by merit.