product presentation

MarineStartUp*

Web application

* The real logo and the name of the company had been temporary removed/blured due to the terms of the contract
Designer:
Evgeniya Baranova
Company:
Lionvix Ltd.

About project

Due to the research conducted in the previous project and our thorough collaboration with the client, the development of the MarineStartup* web application emerged. The client determined that the company was not yet prepared to launch a mobile application in the market. The company lacked a user base and, most importantly, partnerships with marinas willing to collaborate. Additionally, the company had yet to establish brand recognition and gain popularity in the market. Furthermore, creating a fully functional app requires a complete business infrastructure, which is currently in its initial stages and necessitates considerable additional investments. That's why we decided to launch a website to search and compare marinas in the UK. The site will serve the purposes of providing both imagery and information.
SCOPE OF WORK
Web application
TIMELINE
Jul ‘22 -> Nov ‘22
TEAM
Project Manager
Marketologist
Product Owner
UX/UI Designer

The project goals

  1. To provide a unified directory of marinas for the boating community in the United Kingdom.
  2. To enable users to select and compare marinas, as well as to reserve berths.
  3. To streamline the process of submitting a request to a marina.
  4. Capitalize on traffic and advertising
  5. Monopolize the market

Style guide

We based the design of the mobile app on a previous version, with some improvements. As our objective is to establish the brand in the user's consciousness, we employed a proprietary font for the main section headings on the homepage, at the client's behest.

Home page

The homepage showcases the service's features, highlights its utility, and reinforces the brand image. Although it may have been feasible to forgo it, it was critical for the business to establish a worthwhile online presence, build an audience, and attract investment and sponsorship. As the product garners more acclaim and market share, the homepage, in its present layout, may eventually be phased out.

Search section

Boaters face numerous challenges when trying to find the ideal marina. With limited information, this task can be daunting and stressful. Our service simplifies the process by searching for and selecting the most suitable and desired option for the user. When designing the search function for our service, we considered not only the location and time of mooring but also the parameters of the user's boat. It would be pointless to display berths that are unsuitable for the user. Moreover, depending on whether the user needs a short-term mooring or a long-term one, we provide the corresponding calendar to mark the relevant dates.

Search results section

After entering the search criteria, the user is directed to the search results page where the service gathers all marinas based on the request. The page allows for filtration and sorting of the results.
The platform offers a map search feature, allowing users to easily view prices and offers in a visual format. Additionally, users can add marinas to the comparison list with the click of a button and view options in a convenient table on the comparison page.
Finding a berth for your boat in the UK is no easy task, due to the complex interplay of several factors. Fluctuating water levels and high tide must also be taken into account, which make certain technical parameters critical. Therefore, we have designed a filter to simplify your search and make it more precise.

Comparison option

For a smarter search, we offer users the ability to compare marinas based on their parameters and available facilities. This is crucial for boaters who may need to refuel or address any problems that may occur along the way.
The search results page also enables you to modify the search criteria, functioning similarly to the primary page.

Marina presentation

The marina webpage presents comprehensive information for boaters. The detailed search parameters and prices for planned moorings are available on the right-hand side. Additionally, there is a call-to-action that allows users to send a request for availability directly to the marina.

Request sending

Before submitting a request, users are advised to review and modify all data, and include their request text. If boat details were not previously completed and saved, the boat details pop-up allows for this. Additionally, users may modify the mooring date and type.

Profile section

This section presents an overview of the user's saved boats and their parameters. It also stores all requests sent and shows their status, along with allowing contact with the marina. Additionally, users can view their correspondence history and access saved boats under Favorites.

Support page

It was decided to create a support page with a comprehensive FAQ section. The website features a user-friendly search function, and visually organized sections for easy navigation. Furthermore, the company is planning to introduce a support line accessible through chat or phone.

Account settings

A service as intricate and extensive as this necessitates an interface for managing user settings and data storage. Furthermore, it is imperative to facilitate user access to the said settings and data for modifications. Multiple pop-ups had to be created to accomplish this.

Registration

The service permits searching and submitting requests without registration, although being registered is advantageous for saving entered information. Moreover, we employed the most accessible and widespread methods, including through social media.

Adaptive design

The service must be accessible from various devices. The research conducted for the mobile app indicated that many boaters navigate and search the Internet using tablets, and the mobile audience is also significant.

Key project outcomes

1.project goals achieved
We have created an amazing product, informed by both market and user research, that satisfies the needs of our primary customers. The service enables users to search, compare, and make booking requests directly to marinas. The product is compliant while simultaneously being user-friendly.
2.unique ui design
The design of the web application perfectly embodies the brand's philosophy, showcasing its core values of simplicity, attentiveness, and love for adventure while also highlighting its expertise and functionality.
3.thoughtful design system
Due to the well-designed application system, the product can expand and evolve while maintaining the brand's style. Additionally, the design framework allows for placement of advertising blocks and promotional offers, which are always necessary for busines

Thanks for watching!