Project: She Waves Website Prototype

  • Website for a women surfers' community to connect and support each other

  • Calm turquoise palette and clean design for a welcoming feel

  • Clear navigation and readable Verdana font for usability

  • Includes wireframes, full prototype images, and an embedded Figma demo

Website Screens Showcase

  • Moodboard

Website homepage for "She Waves" featuring surf travel information for adventurous women. It includes article previews on women's surfing journeys, supporting girls through surfing and art, and cultural adventures in Morocco. Includes navigation options and a playful seal illustration.
A webpage featuring profiles of three women: Sophie Quinn, Luna Smith, and Ella Cove. Each profile includes a photo and a bio. Sophie Quinn is a Surf Team Contributor and photographer. Luna Smith is a Community Engagement Coordinator. Ella Cove is an Eco-Therapy Surf Guide. The page header has a "She Waves" logo and navigation links for home, about, team, contact, and blog. The footer includes a copyright notice with social media icons. The background features a blue-to-white gradient.
Webpage layout with contact form, including fields for name, email, and message. Sidebar with whimsical text and contact information. Navigation menu at the top with links to home, about, contact, team, and blog. Footer includes logo, site credit, and social media icons.
Webpage titled 'She Waves' for a community of women surfers and travelers. It includes an 'About Us' section with a surfboard graphic and a 'Our Team' section displaying three team members with photos and roles. Navigation menu and contact button are present.
Wireframe design of a blog post layout with a header, sidebar, and content area, featuring placeholder text and navigation links.
She Waves contact page with form fields for name, email, and message. Includes company address, email, Instagram info, and a cartoon seal illustration. Top navigation links: home, about, team, contact, blog. Bottom navigation duplicates the links.
Profile page of Luna Smith, Community Engagement Coordinator, on the "She Waves" website. Includes a portrait photo and bio describing her work in fostering community connections, building partnerships, and promoting inclusivity. Mentions her interests in local art, hiking, and volunteering. The page features navigation links for home, about, team, contact, and blog.
Website layout design showing placeholders for a logo, menu items, and team member bios with names and pictures.
Webpage titled "She Waves: Riding the Tide of Empowerment" featuring a banner image of a surfer in the ocean, article on women in surfing, a sidebar with related posts, and a pelican illustration at the bottom.

  • Wireframes (Low-Fidelity)

Wireframe layout of a website with header, main headline, subheadline, article section with three image placeholders, 'Learn More' sections, and footer with navigation links.
Image showcasing a branding style guide with various fonts and color swatches. Includes different font sizes for headline, subheadline, body, and call to action text. Features Verdana font styles in bold, regular, and italic. Displays color hex codes: #4E8B84, #DAEBEB, #F9EACB, #989292. Images include a surfer, desert scene, surfboards, and two variations of the 'she waves' logo.

  • Showcases (high-fidelity)

Website mockup featuring navigation menu with logo, Home, About, Contact, Team, Blog links at the top. "About Us" section with placeholder text below. Three profile areas with placeholders for images, names, positions, and bio info. "Contact Us" button on the right. Footer includes logo, site credits, and additional links to Home, Team, Blog, Contact, About, Instagram, Facebook.