Featured Project

Boutique Medical Distribution Website

A marketing website for a medical distributor designed to build trust despite a lack of initial visual assets. The site relies on a strong typographic system and abstract visuals instead of stock photography, backed by a flexible Sanity CMS for full content control.

View Live Project
Moka Medical homepage hero section with large serif typography.

Technologies Used

SvelteKitTypeScriptTailwind CSSSanityVercel

About This Project

The Challenge

The client, a new distributor in the medical aesthetics market, needed a website to establish credibility with European manufacturers and Asian clinics. The primary constraint was a complete lack of visual assets: no product photos, no partner logos, and no case studies. A standard template would have looked empty and unprofessional.

The Solution

To solve the "no content" problem, I designed a text-forward, editorial layout that turns written capabilities into visual features.

  • Typography as Content: Large, asymmetric serif headlines fill the screen and direct attention, removing the need for filler imagery.
  • Abstract Visuals: Instead of generic medical stock photos, I created a system ofsubtle gradient shapes and lines to suggest precision and connection.
  • Strategic Structure: The layout focuses on capabilities (logistics, compliance, reach) rather than a portfolio, allowing the business to look established from day one.

Technical Implementation

The site is a custom build using SvelteKit and Sanity CMS, giving the client full control over their messaging without breaking the design.

  • Modular Editing: The client can easily reorder and update sections like "Expertise" and "Infrastructure" as their business capabilities grow.
  • Dynamic Styling: The CMS allows for specific word highlighting (like outline effects or color accents) within headlines, giving the client control over emphasis.
  • Performance: The site achieves a 100/100 performance score, ensuring a fast and professional experience for global partners.

Project Gallery

Layout showing numbered value propositions and a dark-themed expertise section.

A dark-themed section visually separates the core expertise areas from the rest of the content.

Graphic showing geographic reach followed by compliance features and a founder quote.

Abstract visualizations replace literal maps to communicate market reach.

Interested in working together?

Let's discuss how I can help bring your project to life.