08 / Visual Identity / Digital-Goods Storefront

Pixel Oasis Co.

A little digital. A lot of possibility.

Explore the website ↗
Pixel Oasis Co. project overview
Project
Pixel Oasis Co.
Tools
HTML, CSS, JavaScript
Type
Storefront / Etsy handoff
Status
Shipped website
Role
Designer & builder

The task

Digital packs need clear contents, usage details and a visible checkout handoff.

My contribution

I designed and built the storefront and used AI to explore Etsy/Pinterest niche opportunities and product directions. The goal was distinctive designs and useful discovery that directs interested traffic to Etsy.

The approach

Themed digital packs presented through a distinctive storefront with an Etsy checkout handoff.

What shipped

A branded catalog that presents digital packs and hands purchasing to Etsy.

Explore the design decisions ↗

Visual System

Color

#2A9D8FOasis teal
#1B4B5APatina night
#A8D5D0Lagoon mist
#F5F0E6Island cream
#121212Pixel ink
#E07A5FSoft coral

Typeface

Manrope

AaBbCc Gg Qq 0123456789

Display headings and brand wordmark.

RegularSemiboldBoldExtra bold

Typeface

DM Sans

AaBbCc Gg Qq 0123456789

Body copy, controls and supporting information.

RegularMediumSemiboldBold

Actions & patterns

Pack cards, theme filters and an explicit Etsy handoff.

Explore the actual work

Find a theme. Explore the pack.

Use theme filters and search to find a relevant digital pack, then inspect the clear handoff to Etsy.

01

The task & my contribution

Context

Pixel Oasis Co. is my independent digital-goods brand and storefront. Its role is to help shoppers discover a themed pack, understand its contents and continue to the main Etsy shop or a specific listing.

Contribution

I designed and built the storefront and used AI to explore Etsy/Pinterest niche opportunities and product directions. The goal was distinctive designs and useful discovery that directs interested traffic to Etsy.

02

Brand & purchase-handoff decisions

Discovery before checkout

Theme filters, pack previews, file counts and search help shoppers find a relevant digital pack. Each product keeps a direct Etsy action beside its contents.

A brand that belongs to the catalog

The pixel-built identity, coordinated palette and product imagery connect the storefront to the digital goods. The handoff to Etsy stays explicit.

  1. 01

    Browse a theme

  2. 02

    Inspect a pack

  3. 03

    Review contents

  4. 04

    Visit Etsy

  5. 05

    Purchase on Etsy

Find a digital pack

Interactive preview↗

Explore the Etsy handoff

Interactive preview↗

03

Content & interaction review

Niche and product exploration

I used AI to explore candidate Etsy and Pinterest niches and product directions. That exploration helped focus the designs and organize the storefront around useful themes.

Interaction review

Search, filtering, empty results, reset and download help were checked in the working storefront revision. Those paths keep discovery and purchase guidance connected.

04

Reusable systems

Catalog patterns

Pack data, theme categories, preview cards, search/filter controls and consistent Etsy actions form a reusable catalog structure. Listing-specific details stay attached to the individual product.

Brand system

Oasis teal, patina night, lagoon mist, island cream, pixel ink and soft coral connect the pixel-built identity with product presentation. Manrope and DM Sans pair expressive headings with readable product details.

05

Design through implementation

A lightweight catalog

HTML, CSS and JavaScript connect product data, theme controls, search and download guidance. Listing-specific Etsy links keep the storefront focused on discovery while Etsy handles purchasing.

06

Accessibility

Clear purchase and recovery paths

Descriptive Etsy actions identify where checkout happens. Empty-result feedback and reset support search recovery, while the download-help dialog supports dismissal and return of focus.

07

AI-assisted workflows

The input

I used AI to explore candidate Etsy and Pinterest niches and possible design and product directions.

My decision

I selected the themes and creative direction, compared the designs with competing products and organized the packs for clarity.

The finished experience

The storefront makes themes, pack contents and listing-specific Etsy actions visible together. Discovery happens on the brand site; purchasing continues on Etsy.

08

The finished work

Delivered

A distinct digital-goods brand and storefront presenting 10 Etsy listings, organized by theme with clear pack contents and purchase destinations.

Delivered work

10 live Etsy listings