SwooshMail
SwooshMail
Simplifying Email Marketing for Non-Tech Entrepreneurs
Simplifying Email Marketing for Non-Tech Entrepreneurs
Role
Product Designer
Role
Product Designer
Role
Product Designer
Timeline
3 weeks
Timeline
3 weeks
Timeline
3 weeks
Year
2024
Year
2024
Year
2023
Overview
Overview
SwooshMail is an email marketing and newsletter platform designed for startups and small businesses with non-technical backgrounds. Industries like pharma, food chains, and retail often lack the resources or expertise to navigate complex tools. SwooshMail solves this by offering a simple and affordable solution.
As a product designer, I developed a streamlined design system and applied it to create an intuitive interface. The goal was to ensure ease of use while addressing common pain points, such as high costs and overwhelming complexity found in existing platforms.
SwooshMail is an email marketing and newsletter platform designed for startups and small businesses with non-technical backgrounds. Industries like pharma, food chains, and retail often lack the resources or expertise to navigate complex tools. SwooshMail solves this by offering a simple and affordable solution.
As a product designer, I developed a streamlined design system and applied it to create an intuitive interface. The goal was to ensure ease of use while addressing common pain points, such as high costs and overwhelming complexity found in existing platforms.
Problem Statement
Problem Statement
The Gap in the Market: Existing platforms like Mailchimp, Brevo etc are feature-rich but costly and challenging for non-technical first-time users. Small businesses and startups with no digital expertise struggle with these tools, leaving a gap for an affordable, intuitive solution like SwooshMail.
The Gap in the Market: Existing platforms like Mailchimp, Brevo etc are feature-rich but costly and challenging for non-technical first-time users. Small businesses and startups with no digital expertise struggle with these tools, leaving a gap for an affordable, intuitive solution like SwooshMail.
Target Audience: Our audience includes small business owners and leadership from industries like pharma, food chains, and clothing who need a quick and simple way to handle email marketing without advanced digital knowledge.
Target Audience: Our audience includes small business owners and leadership from industries like pharma, food chains, and clothing who need a quick and simple way to handle email marketing without advanced digital knowledge.
While Mailchimp's additional steps provide access to more features, not every business requires such complexity, especially small startups with straightforward email marketing needs.
While Mailchimp's additional steps provide access to more features, not every business requires such complexity, especially small startups with straightforward email marketing needs.
Mailchimp’s extensive features come with more steps( 12+), but SwooshMail focuses on simplicity, offering only the essentials (6 steps) that most businesses actually use.
Mailchimp’s extensive features come with more steps( 12+), but SwooshMail focuses on simplicity, offering only the essentials (6 steps) that most businesses actually use.
Design System
Design System
Core Principles
Simplicity: Minimal clicks for task completion.
Accessibility: Easy navigation with clear visual hierarchies.
Focus on Essentials: Exclude advanced integrations to reduce complexity.
Simplicity: Minimal clicks for task completion.
Accessibility: Easy navigation with clear visual hierarchies.
Focus on Essentials: Exclude advanced integrations to reduce complexity.
The Design System
Colors
The color palette was carefully chosen to balance simplicity, accessibility, and usability, ensuring a professional and approachable user experience.
Backgrounds (1-3): Light, neutral tones to maintain clarity and reduce visual fatigue, ensuring focus on content.
Interactive Components (4-6): Subtle blues provide a visual cue for actions, creating a sense of trust and calm.
Borders and Separators (7-8): Muted shades of blue establish structure without overwhelming the design.
Solid Colours (9-10): Bold blues for primary CTAs, creating a strong, reliable visual hierarchy.
Accessible Text (11-12): High-contrast dark shades ensure readability and meet accessibility standards.
The color palette was carefully chosen to balance simplicity, accessibility, and usability, ensuring a professional and approachable user experience.
Backgrounds (1-3): Light, neutral tones to maintain clarity and reduce visual fatigue, ensuring focus on content.
Interactive Components (4-6): Subtle blues provide a visual cue for actions, creating a sense of trust and calm.
Borders and Separators (7-8): Muted shades of blue establish structure without overwhelming the design.
Solid Colours (9-10): Bold blues for primary CTAs, creating a strong, reliable visual hierarchy.
Accessible Text (11-12): High-contrast dark shades ensure readability and meet accessibility standards.
Typography
The typography system is designed for clarity, scalability, and accessibility. Using a base value of 12px with a 1.2 scale, it ensures a consistent hierarchy across the interface, enhancing readability and usability.
The typography system is designed for clarity, scalability, and accessibility. Using a base value of 12px with a 1.2 scale, it ensures a consistent hierarchy across the interface, enhancing readability and usability.
Buttons & components
The button system is designed for clarity, consistency, and ease of interaction across all states.
Types: Includes filled and outlined buttons to provide visual flexibility for different use cases.
States: Covers all interaction states—default, hover, active, focused, disabled, and visited. Ensuring clear feedback for users.
Design Intent: Bold, high-contrast colors for primary actions, with subtle variations in outlines and hover states for secondary options.
The button system is designed for clarity, consistency, and ease of interaction across all states.
Types: Includes filled and outlined buttons to provide visual flexibility for different use cases.
States: Covers all interaction states—default, hover, active, focused, disabled, and visited. Ensuring clear feedback for users.
Design Intent: Bold, high-contrast colors for primary actions, with subtle variations in outlines and hover states for secondary options.
Challenges & learnings
Challenges & learnings
Designing for non-technical users without direct user research.
Designing for non-technical users without direct user research.
Solution: Leveraged industry pain points and competitive analysis to empathize with the target audience.
Solution: Leveraged industry pain points and competitive analysis to empathize with the target audience.
Balancing simplicity with functionality.
Balancing simplicity with functionality.
Solution: Prioritized essential features through a focused MVP.
Solution: Prioritized essential features through a focused MVP.
Final Design
Final Design
View other work
Helping people navigate complex video threads.
Helping people navigate complex video threads.
Replied is a video-first platform that simplifies communication with intuitive thread navigation and personalized group interactions.
Replied is a video-first platform that simplifies communication with intuitive thread navigation and personalized group interactions.
0:00/1:34
Cutting Downtime by 30% with Intuitive HMI Design
Cutting Downtime by 30% with Intuitive HMI Design
Designed a user-centered interface that simplifies complex data, enables real-time insights, and reduces downtime, showcasing the power of thoughtful design in industrial systems.
Designed a user-centered interface that simplifies complex data, enables real-time insights, and reduces downtime, showcasing the power of thoughtful design in industrial systems.
0:00/1:34