Shore Shaper Surf Co.

Three smartphones displaying a surfboard company app, with options to customize and view different surfboard styles, including images and descriptions of surfboards on a beach.

The app that guides surfers from every level to create the perfect custom surfboard, with tips and tricks along the way.

All content, app design, illustrations, logo work and additional designs created by Rory Leadbeater

Project Overview

Shore Shaper is a mobile application designed to revolutionize the way surfers create their custom surfboards. By integrating personalized recommendations and educational content, Shore Shaper aims to empower users to make informed decisions about their surfboard design, tailored to their skill level and surfing conditions.

The Problem Statement

Surfing enthusiasts often struggle to find the right surfboard that suits their individual preferences and skill level. Existing options lack personalized guidance and educational resources, leaving users feeling overwhelmed and uncertain about their choices.

Project Goals

Illustration of a medical cross symbol in light blue with darker shading, surrounded by a black outline.

Empower users to design custom surfboards that align with their skill level, preferences, and surfing conditions.

A graphic illustration of a light bulb with a stylized filament inside, forming a shape resembling a brain.

Provide educational content and tips to guide users in understanding the nuances of surfboard design and selection.

Illustration of a black pencil with blue eraser on an orange background.

Enhance user experience by offering a seamless interface for creating, customizing, and ordering surfboards.

User Problems

  • Lack of knowledge about surfboard design and its impact on surfing performance.

  • Difficulty in finding surfboards that match individual skill levels and surfing conditions.

  • Tedious process of customizing surfboards without personalized guidance.

Illustration of a person surfing on a wave, wearing a black shirt and blue shorts.

Possible Solutions

Integrate a surfboard recommendation engine based on user inputs such as skill level, wave conditions, and preferences.

Provide educational content through articles, videos, and interactive tutorials to educate users about surfboard design principles and surfing techniques.

Implement intuitive design tools with real-time feedback to assist users in customizing their surfboards effectively.

Understanding the Problem

To gain insights into user needs and preferences, we conducted extensive research, including user interviews, surveys, and market analysis. We discovered that surfers often struggle with the complexity of surfboard design and lack access to personalized guidance when selecting a board. Additionally, users expressed a desire for educational resources to improve their understanding of surfboard dynamics and surfing techniques.

Research

User Interviews: Conducted interviews with surfers of varying skill levels to understand their experiences, challenges, and preferences in selecting surfboards.

Surveys: Distributed surveys to a wider audience to gather quantitative data on surfing habits, preferences, and the decision-making process when choosing surfboards.

Market Analysis: Studied existing surfboard customization platforms and competitor applications to identify strengths, weaknesses, and opportunities for differentiation.

The Design Process

Research & Discovery: Conducted user research to understand user needs, pain points, and preferences.

Ideation & Conceptualization: Brainstormed ideas and concepts for the app's features and functionality.

Prototyping & Testing: Developed prototypes to visualize the app's interface and conducted usability testing to gather feedback.

Iterative Design: Incorporated user feedback and iterated on the design to enhance usability and user experience.

User Personas

A young man with crossed arms, wearing a navy tank top with a sunset logo, and a black cap, standing outdoors with a cityscape and cloudy sky in the background.

Jake, the Enthusiastic Beginner

  • Age: 23

  • Occupation: Student

  • Experience: Novice surfer, recently started surfing

  • Goals: Improve surfing skills, find a suitable surfboard for beginners

  • Pain Points: Lack of knowledge about surfboard types, unsure about which board to choose

A young woman with long brown hair, wearing a floral sleeveless dress and a necklace with a whale pendant, standing in front of a colorful, abstract mural with blue, green, and yellow dots and brushstrokes.

Sarah, the Experienced Surfer

  • Age: 35

  • Occupation: Marketing Manager

  • Experience: Intermediate surfer, been surfing for several years

  • Goals: Upgrade surfboard to enhance performance, learn more about advanced surfboard designs

  • Pain Points: Difficulty in finding a surfboard that matches her skill level and surfing preferences

Mobile screens displaying a surfboard app: selecting a longboard, close-up of a longboard on a beach, skill levels list, and detailed descriptions of each skill level.

App Screen Mockup

Mobile app screen for creating a new account with fields for phone or email and password, a sign-up button, options to sign up with Facebook or Twitter, and a link to log in for existing users.
A smartphone screen displaying a logo that reads "Shore Shaper Surf Co." in blue text with a cloud-like design, on a dark blue background.
Mobile login screen with fields for phone number or email and password, 'Log In' button, options to log in with Facebook or Twitter, and a link to sign up.
Mobile app screen displaying options to shop surfboards by style, nose type, tail type, and experience level.
Mobile app screen showing options to select a style of surfboard, including The Iconic Longboard, The Classic Shortboard, Stand Up Paddle Boards, and The Fish Board.
Mobile shopping cart checkout page featuring two items: a build a board kit for $559 and warm wax for $12, with a proceed to checkout button at the bottom.
Mobile app screen displaying surf skill levels, including descriptions for Entry-level surfer, Beginner, Intermediate, Advanced, and Professional surfers.
A smartphone screen displaying a surfing app with a yellow surfboard standing vertically on a sandy beach, ocean waves in the background, and informational text about longboards.
Mobile app screen showing ski skill levels with collapsible options: Level 0 - Entry-level Surfer, Level 1 - Beginner Surfer, Level 2 - Intermediate Surfer, Level 3 - Advanced Surfer, Level 4 - Professional Surfer.

Theres more!

Click below to see more about the branding side of this UIUX project!