Seesaw | Case Study

Overview

The company reached out to me to create this Desktop UI for their brand. They had an idea but needed a way to bring it to life. Seesaw wanted me to do research, design, and source the content for their web application.

Audience:

Travel photography hobbyists and influencers

Responsibilities:

Project management, visual design, Research

Tools Used:

Google Docs, Pexels, Unsplash, Canva, Figma

The Problem

The company wanted help designing a user interface that represented their values and message well. They had a theme and idea in mind, but needed help getting started and putting everything together. The name was a source of inspiration for me as it is a play on words. This is a travel and photography application, so I used the name as inspiration to start ideating solutions for the brand.

The Solution

I created a UI that represented the brand’s identity. Graphic images were based on the research I had done as well as the client’s feedback. The final design has a calming aesthetic and inviting presence. The intention was to keep the design clean to not overwhelm the users. It is intended to promote a peaceful user experience. I also created a brand/style guide to assist in the development process.

The Process

To learn more about my WD process you can view this page.

Planning and Goal Setting: I first spoke to the client to understand their goal and brief. Clear goals and objectives were then established, outlining what the organisation aimed to achieve with this design. These goals helped shape the overall strategy, content structure, and user experience. In this stage of the process, I also finalised the timeline and work breakdown structure.

Discovery and Research: After conducting a needs analysis, I did some research. I started by creating a user persona, followed by an empathy map and then a user journey map. I then conducted some competitor research, followed by content/design trends/layout research.

Design: I then created the logo. The design process involved an ideation session. I started by drawing multiple logo sketches on paper. I kept the brand messaging in mind when doing so. After that, I created two mood boards with colour swatches for the logos so that the client could choose which direction they wanted me to go in.

Information Architecture: Next, the site map and information architecture were developed. This involved organising the website's content in a logical and intuitive manner, ensuring easy navigation and accessibility for visitors.

Wireframing: I sketched low-fidelity paper wireframes to outline the layout and structure of each webpage. I went through quite a few iterations. This allowed for early feedback and discussions on content placement, functionality, and user flow.

Visual Design: The next stage in the process involves incorporating the organisation's branding elements, colours, typography, and imagery. All this was done based on the design research.

Content Creation and Integration: I then incorporated the site copy. I was initially going to use lorem ipsum (placeholder text), but I used AI prompt engineering instead as the client had no copy available. They were delighted that I had done so. I carefully prompted and edited the copy so that it made sense for the overall goal of the project.

Development: No prototyping or development was needed for this project.

Takeaways

I truly enjoyed working with this client. I love travel, so this was right up my alley. I would love to work on similar projects in the future. I have gained a lot of knowledge in this subject area, so I look forward to creating more travel applications.

Results

The client expressed great enthusiasm and excitement for how the project turned out.