Composer Portfolio + Digital Storefront
A dual-purpose product: a professional artist website that also supports direct digital sales with a simple purchase flow and secure delivery.
Before
- Weebly drag-and-drop site + built-in storefront
- Managing products was cumbersome and brittle
- Clunky WYSIWYG layout control
- No automatic product-delivery after purchase
- Orders were tracked manually
- Weebly took a sales cut
After
- Professional portfolio and storefront in one product
- Fast, reliable product publishing and updates
- Intentional layout system instead of fragile editor blocks
- Automated purchase flow with secure digital delivery
- Direct sales with Stripe-based checkout and fulfillment
Context
Artist needed an easy way to keep their digital home discoverable and up-to-date
The site needed to work as both a professional home and a storefront. The older Weebly setup was brittle, hard to customize, and painful to maintain whenever catalog content changed.
Rebuilding the experience as a custom product made both sides stronger: artist identity, discovery, purchase, and fulfillment now live in one coherent system that is easier to update.
The site needed to work as both a professional home and a storefront.
Editorial Tone
The home page establishes credibility first. A stage-like visual system gives the artist a professional digital home, while product pathways are present without taking over the narrative.
Home Page
Artist-first presentation builds trust.
Professional identity
Imagery, typography, and tone position the site as a serious public-facing home for the artist.
Trust before purchase
Visitors can understand who the composer is before they are asked to browse products.
Commerce in context
Store actions are integrated into the site structure rather than feeling bolted on.
Catalog
Filtered browsing supports detailed exploration.
The catalog was rebuilt so updates are easier to publish and easier to browse. Structured categories and tags help visitors find relevant works quickly, while previews and detail layers help them decide which score to purchase.
Tags and categories
Instrumentation, duration, and other metadata make the catalog easier to navigate.
Decision support
Product details and score previews stay close to each listing so visitors can compare works quickly.
Lightweight browsing
Search and filtering help people narrow options without forcing a heavy ecommerce pattern.
Artist-site feel
The storefront remains integrated into the artistic presentation of the site.
Very cool feature
Score previews are watermarked to discourage illegal downloads and unauthorized performance use.
Checkout
Purchase flow stays short and keeps browsing context intact.
The cart opens as a drawer so buyers can confirm selections without losing their place in the catalog. It keeps digital purchasing simple and avoids unnecessary ecommerce heaviness.
Convenient Drawer
People can confirm their cart without navigating away from where they were browsing.
Simple, direct checkout
Checkout moves directly from catalog to payment with minimal friction.
Digital-first inventory
The UX is intentionally lean for downloadable scores rather than physical inventory.
Automatic Delivery
Fulfillment is automatic after successful payment.
Stripe handles secure checkout. After payment succeeds, the system immediately triggers digital fulfillment: Gmail API sends score delivery email automatically, and download links are generated with signed access instead of exposing raw files.
Digital delivery needed to be automated, immediate, and secure.
Stripe checkout
Payment is handled through Stripe for secure transaction processing.
Automated fulfillment
Successful purchase triggers immediate score delivery without manual intervention.
Secure file access
Files stay protected and are delivered through signed links rather than public URLs.
Very cool feature
Purchased scores are emailed automatically through Gmail API as soon as payment is confirmed.
System Decisions
Specific technical choices kept the product focused and durable.
The architecture favors day-to-day updates manageable for a no-code owner. The user interacts with one seamless system for no code updates to images, site copy, catalog items, and PDF storage.
The artist needed one seamless CMS system for press kit materials and digital catalog.
Stripe Checkout
Outsourced payment security and PCI-sensitive checkout flow to Stripe.
Gmail API fulfillment
Delivery emails are generated automatically after successful payment confirmation.
Signed download access
Purchased files are stored securely and accessed through expiring signed URLs.
Lightweight admin tools
Product data, tags, and event updates are structured for quick publishing without brittle manual formatting.
CMS split
Bio and visual content remain editable through CMS fields while transactional workflows stay in application code.
Intentional scope
Avoided heavy ecommerce and CMS layers where they were not needed to keep maintenance overhead low.
Impact
The final product supports easy updates to artist site and digitial store front in one system.
- One site now handles both public identity and direct score sales
- Catalog updates are easier to manage and publish
- Visitors can browse, preview, purchase, and receive files in one flow
- Direct sales avoid storefront platform constraints and sales cuts
- The system supports ongoing promotion and commerce without fragile tooling
Feature Wishlist
The core product is stable, with a clear set of practical upgrades for future iterations.
View Live Site
The composer's website is live and actively maintained.