Following the creation of low-fidelity wireframes, I developed multiple versions of the landing ad and homepage in order to test their visibility and usability.

In the homepage design, I opted to incorporate everything within one frame, which posed some difficulties during the process. To enhance user experience, I implemented a new expandable dropdown menu that allows users to make multiple selections when searching for their desired destinations/ports. This improvement facilitates easier navigation and provides users with the opportunity to explore different destinations compared to the original design. To improve visibility and efficiency, I included scrolling cards to display cruise line deals, enabling users to easily browse through the offers without cluttering the page.

For the landing ad, I decided to align the text on one side and the image on the other, ensuring better readability. To capture customer attention, I designed the ad to pop up in the center of the screen, making it more noticeable and engaging.

Throughout the design process, I faced challenges in fitting all the elements within a single frame. However, I was able to overcome these challenges by leveraging the features and functionalities of Figma to optimize the designs. The final versions of the homepage and landing ad were focused on enhancing visibility, usability, and the overall user experience on Cruise.com. In retrospect, if I were to redo this project, I would choose to work with several different frames to better manage the layout and improve the workflow during the design process. This approach would provide more flexibility and enable a more efficient organization of the design elements, resulting in a smoother and more effective design iteration process.