Slug Soap
Slug Soap is a design experiment-turned-small business focused on reimagining what bar soap can be. You can buy Slug Soap at select locations in San Francisco or online at slugsoap.net.
‘
About
Years later, this question evolved into experimentation. Today, Slug Soap creates eco-friendly bars with unconventional forms, moving beyond the constraints of conventional rectangular soap.
Visit slugsoap.net to see all products.
Brand Identity
1. About
2. Brand Identity
3. Products
4. Packaging
5. Website Design
6. Motion Design
Slug Soap snail logo
Type
Eucrosia UPC Italic
Monument Grotesk Mono
Color Scheme
Primary Colors
Secondary Colors
Dark #362339
Light #E8A3C7
Dark #322C17
Light # FAFCD7
Light #E8A3C7
Dark #322C17
Light # FAFCD7
Dark #0D202C
Light #C5E7F7 Dark #1B1B1B
Light # D8D8D8
Light #C5E7F7
Light # D8D8D8
Dark #2B321A
Light #D1DC2B
Light #D1DC2B
Logo Design
Primary
Alternate
Products
1. About
2. Brand Identity
3. Products
4. Packaging
5. Website Design
6. Motion Design
Mystery Soap marked the beginning of Slug Soap's design exploration. Initially inspired by insect lollipops and resin paperweights, these transparent bars contain objects suspended within them — transforming ordinary items into art. The design also incorporates raised typography featuring 'slug' in block letters — an element meant to emphasize soap's inherently tactile nature.
The Cheese Soap emerged from a study in functional form. Its distinctive wedge shape offers a bold visual departure from traditional soap bars while incorporating practical design elements: the natural holes and indentations found in cheese provide intuitive grip points, addressing a key oversight in conventional oval soap design.
the Slug Soap logo
shell soap in Blender
Flower Soap translates traditional floral fragrances into physical form. The six-petaled design provides multiple grip points while its structure maintains shape integrity throughout use. Each color comes with matching flower scent:
Green — Ylang-ylang
Blue — Chamomile
Pink — Cherry Blossom
Purple - Lavender
-
-
Glitter Star Soap
glow-in-the-dark Star Soap
‘
The Grip Soap’s geometric shape features angled ridges that provide optimal grip while the broad surfaces maintain practical functionality. The front face showcases a embossed Slug Soap logo, adding both branding and texture. The gray version is made from remnants from pieces from the other soap bars, creating a zero-waste option while maintaining the same functional design.
The embossed snail logo is used in
Slug Soap’s packaging, too (keep scrolling)
Slug Merch
t-shirts:
All t-shirts were screenprinted by hand
Packaging
1. About
2. Brand Identity
3. Products
4. Packaging
5. Website Design
6. Motion Design
Opening the box reveals an energetic interior featuring Slug Soap's cast of characters rendered in a two-tone dark and light green palette. This contrast between the understated exterior and dynamic interior creates an intentional reveal during the unboxing experience.
The packaging uses 18pt 100% post-consumer waste paperboard, chosen for its superior embossing capabilities and environmental sustainability. The natural off-white tone of the recycled stock adds subtle depth to the exterior embossing, while the interior features custom green soy-based inks in two tones for the illustrated elements. The box uses a tabbed lock-bottom construction for stability and clean edges, ensuring both structural integrity and a premium unboxing experience.
Slug Soap's first packages were kraft boxes
Website Design
1. About
2. Brand Identity
3. Products
4. Packaging
5. Website Design
6. Motion Design
This layout employs a fixed-position split architecture, with a scrollable product feed on the left and essential brand elements anchored on the right. Each product card follows a consistent layout pattern — featuring a prominent product image, detailed description, and an accessible 'Add to Cart' button — separated by subtle dividers to maintain clear visual hierarchy and improve scanability.
The fixed-position framework ensures that vital touchpoints like company information, navigation features, and social media links remain accessible regardless of how far users scroll through the product catalog.
This minimalist approach reduces cognitive load while maintaining all essential e-commerce functionality. By positioning the product feed as the primary scrolling element, the design creates an intuitive shopping experience that allows users to focus on product discovery while keeping navigation and purchasing actions readily available.
On mobile devices, the fixed elements transition from the right side to the top of the interface, maintaining the same streamlined functionality while optimizing for smaller screens.
Motion Design
1. About
2. Brand Identity
3. Products
4. Packaging
5. Website Design
6. Motion Design
The collection below showcases animations for Slug Soap created in Blender, After Effects, and P5.js.
ASCII Shell Soap Animation
A generative animation that converts 3D shell geometry into ASCII characters, creating a dynamic text-based visualization that maintains brand identity while exploring computational art.
Star Soap Instagram Ad
An animated collage merging early internet GIFs sourced from GeoCities.org with a 3D star soap animation.
Flower Soap Advertisement
Ad debuting the Flower Soap design through a minimal rotating product shot with animated typography.
Castro Stroll Animation
Visuals announcing Slug Soap's pop-up shop at the
Castro Stroll in San Francisco.
Star Soap Animation
Gaming-inspired star soap animation merging Minecraft
and Minesweeper aesthetics with product visualization.
Flower Soap Animation
Animated typography emerges through growing grass, blending natural forms with the flower soap's botanical theme.
Next Project:
Slug Radio
Skip Ahead:
Fox & Lion Bread Graphic Design
Casa Nidal
Artwork
Go Back:
EcoScan Concept UI/UX
Cardioscape Splash Screen Design