HANA SCHUSTER SMITH

Hana landing page panel Hana interactive mapping screenshot

Freelance redesign and build of fine art website for Hana Schuster Smith. I led a complete rebrand using custom JavaScript, HTML, and CSS code injections to power a fast 4-up gallery and custom coded lightbox with full-image viewer, captions, arrow navigation. I linked available works to product pages and streamlined cart/checkout, then rounded out with typography and webfont integration, image optimization, accessibility improvements, search-friendly structure and metadata, domain and DNS cleanup, and social/email capture integrations.

Hana landing page screenshot

CUSTOM JS CUSTOM HTML & CSS LIGHTBOX E-COMMERCE SEO & ACCESSIBILITY

Hana Schuster Smith source code screenshot Visit Website
Hana brand refresh screenshot

Website Highlights

Brand Refresh & Visual System

Defined a calmer, gallery-first visual language-palette, spacing, and type-then implemented it site-wide. Introduced consistent artwork cards and captions so the paintings take center stage.

Hana clear navigation screenshot

Website Highlights

Clear, Accessible Navigation

Simplified IA and header/footer navigation; added section anchors and consistent labels. Tuned contrast, focus states, and semantic structure to improve keyboard and screen-reader flow.

Hana curated gallery screenshot

Website Highlights

Curated Gallery Experience

Built a responsive 4-up gallery with a custom lightbox and available/all filter to view all works or only available pieces. The gallery uses clean HTML, CSS and JS-independent of Squarespace's native logic to ensure stability across future platform updates. Image assets are served through the Squarespace SDN for fast performance.

Hana checkout screenshot

Website Highlights

E-commerce & Checkout

Linked "Available" works to product pages, refined add-to-cart flow, and added clear shipping/returns.

Hana Schuster Smith source code view screenshot

NEXT
PROJECT

Responsive Atlas Quest mockup