Creating Branding & UI Designs for a Yacht Event Startup

A startup approached us seeking assistance in designing the interior and exterior of their yacht using Alias and Unreal Engine software. Their goal was to create an impressive and functional space for bespoke events that would leave a lasting impact on their clients. In addition, they wanted a mobile user interface to keep track of upcoming events and schedule changes. We closely collaborated with the startup to understand their vision and preferences. Our team ensured the design was not only aesthetically pleasing but also functional, safe, and exceeded the startup's expectations.

At the beginning of the project, the client stressed the importance of adhering to their brand identity, which revolves around the colours blue and yellow. These colours signify trust, optimism, and professionalism. Additionally, they specified the use of the Avenir LT Std font, known for its modern and clear communication. By incorporating these elements into our design, we maintain brand consistency, effectively communicate their values, and resonate with their target audience throughout the project.

The client supplied a persona board that emphasised keeping the target audience in focus during our design process. This board facilitated schedules, consistency, and efficiency by highlighting user characteristics and needs, ensuring our design choices matched user expectations and enabling ongoing evaluation and adaptability throughout the project.

We created three unique event options and thoroughly researched their effectiveness by analysing target demographics and market trends. We presented these options to the client through visually engaging mood boards, helping them make an informed decision about the event strategy.

We looked at pictures and designs inside yachts to get ideas for how we can change the space and understand how it's currently used. This helped us come up with better design solutions for both the interior space for events and the exterior design for aesthetics.

In the inspiration stage, I created a mood board to illustrate the design direction for the project. The client wanted an aesthetically pleasing app, so I compiled a collection of popular and trendy images from various websites. This mood board showcased design elements, colour palettes, typography choices, and visual styles, offering the client a clear vision of the app's aesthetics and ensuring alignment with their preferences and project goals.

After successfully presenting and gaining the client's approval of the mood board, I proceeded to the next phase of the project. To solidify and refine the design direction, I began sketching wireframes. These wireframes provided a structured visual representation of the app's layout and functionality, allowing me to craft a clear and practical blueprint of the user interface. This step ensured that both the client and I had a shared understanding of how the final design would be structured and how users would interact with it.

After creating wireframe sketches, I moved on to designing low-fidelity digital designs. These simplified drafts helped visualise the app's layout and functionality without getting into too much detail. They served as a crucial step between the initial concept and the final high-fidelity designs, offering a clearer understanding to the client before reaching the final design stage.

Following the low-fidelity stage, I advanced to create the final UI design version. In this phase, I refined the visual elements, incorporating branding, colours, typography, and detailed user interface components. These high-fidelity designs represent the polished and complete user interface that users will interact with.