EKGWebsites for local businessesFive works, 2026

Made to measure.

EKG designs and builds websites for cafés, restaurants, learning centers and classroom tools, each one cut from the client's own brand.

Contents
Fig. 0 Berry Matcha for Mase Coffee, 360° product film

Contents

  1. I.Mase CoffeeCafé · La Mirada, CA
  2. II.Leaders AcademyLearning center · Fullerton, CA
  3. III.Center Street CaféRestaurant · Anaheim, CA
  4. IV.agenda.appClassroom app
  5. V.Tim’s AvenueRestaurant · Anaheim, CA

I.

Mase Coffee

Fig. I.1 Home
Fig. I.2 Home, iPhone
Fig. I.3 Drinks
Fig. I.4 Menu
Fig. I.5 Drinks, iPhone

Plate I, detail

The lineup.

Seven signature drinks in one studio look, matched to the café's real cups.

Espresso Tonic: espresso over sparkling tonic with an orange twist, in a Mase Coffee cup. Mase Cloud: espresso and milk under silky cream and shaved chocolate. Berry Matcha: matcha latte over strawberry purée. Black Sesame Einspanner. Nurungji Einspanner with toasted rice on top. Hojicha Cloud. Coco Matcha.
01 / 07 Photoreal product imagery

II.

Leaders Academy

Fig. II.1 Home
Fig. II.2 Courses, with two added
Fig. II.3 Home, iPhone
Fig. II.4 Contact, iPhone
Fig. II.5 Your inquiry

III.

Center Street Café

Fig. III.1 Hero reel
Fig. III.2 Hero, iPhone
Fig. III.3 Our story
Fig. III.4 Build your sandwich
Fig. III.5 Builder, iPhone
Fig. III.6 The menu

IV.

agenda.app

Fig. IV.1 Teacher dashboard
Fig. IV.2 Dashboard, iPhone
Fig. IV.3 Growth
Fig. IV.4 Practice lab
Fig. IV.5 Behavior, iPhone

V.

Tim’s Avenue

Fig. V.1 Dish showcase
Fig. V.2 Home, iPhone
Fig. V.3 Pick a protein
Fig. V.4 The menu
Fig. V.5 Pick a protein, iPhone

Plate V, detail

The dish, turning.

Pork Belly Fries in one slow turn that loops forever, the way it spins on Tim’s menu: one direction, the limes carried round corner by corner, every frame in focus.

Fig. V.6 Pork Belly Fries for Tim’s Avenue, AI 360° view

Openings

Every work opens with its own title sequence.

Each site welcomes visitors with an animated version of its own logo. A tap or key skips it, and visitors who prefer reduced motion see a calmer version. Recorded from each site.

  • I. Mase Coffee. The sticker frame draws itself and "Coffee" writes in.

  • II. Leaders Academy. The banner unrolls and the name rises letter by letter.

  • III. Center Street Café. The hero plays through the cut-out wordmark.

  • IV. agenda.app. The owl writes the app's name in cursive.

  • V. Tim’s Avenue. The TIM’S letters pop up and fill with pork belly fries, then the man in the logo eats a sando.

Profile

EKG

Web Designer & Developer · Motion & Interaction Design · AI Product Imagery

5 works · 4 local businesses · 1 classroom app

About

Most people know me as EKG. I design and build custom websites for local businesses and education products, and I taught myself every part of it, one search at a time.

Every project starts from the client's own logo, colors and content, and launches with a branded opening animation, product imagery where it helps a menu sell, and security handled from day one.

Recent work includes two Southern California cafés, a Korean fusion restaurant in Anaheim, a Fullerton learning center and a classroom app prototype for teachers, students and parents.

Top skills Web Design · Front-End Development · Motion Design · AI Product Imagery · Web Security

Read my story: how a flat line became my name

Skills

  • Web Design5 works

    Custom layouts built from each client's brand: logo, colors, type and photography, never a template.

    Mase Coffee · Leaders Academy · Center Street Café · agenda.app · Tim’s Avenue

  • Front-End Development5 works

    Responsive, accessible HTML, CSS and JavaScript that works from small phones to wide desktops.

    Mase Coffee · Leaders Academy · Center Street Café · agenda.app · Tim’s Avenue

  • Motion Design5 works

    Branded logo openings, 360° product turns, scroll reveals and interface transitions.

    Mase Coffee · Leaders Academy · Center Street Café · agenda.app · Tim’s Avenue

  • Web Security5 works

    HTTPS-only hosting, security headers, secret scanning and reviews against the OWASP Top 10.

    Mase Coffee · Leaders Academy · Center Street Café · agenda.app · Tim’s Avenue

  • UX & UI Design4 works

    Inquiry carts, menu builders, dashboards and role-based app views that are quick to use.

    Leaders Academy · Center Street Café · agenda.app · Tim’s Avenue

  • Quality Assurance4 works

    Testing on iPhone, Android and desktop browsers before every launch.

    Mase Coffee · Leaders Academy · Center Street Café · Tim’s Avenue

  • AI Product Imagery3 works

    Photoreal studio images and seamless 360° rotations of real menu items, consistent across a full lineup.

    Mase Coffee · Center Street Café · Tim’s Avenue

  • Prompt Engineering3 works

    Precise, repeatable prompts that keep generated images and video accurate to the real product and on brand.

    Mase Coffee · Center Street Café · Tim’s Avenue

  • Data Visualization1 work

    Clear, accessible charts and progress tables, with keyboard-friendly tooltips.

    agenda.app

Standards

Every commission includes

  • Designed from your brand.

    Your logo, colors, type and photos shape the design. No templates.

  • Phone-first, and tested.

    Checked on phones and desktop browsers before launch.

  • An opening that's yours.

    A custom animated version of your logo, with a calm version for reduced motion.

  • Secure from day one.

    HTTPS only, no exposed keys or private files, protection against traffic floods, and a review against the OWASP Top 10.

  • Accurate content.

    Menus, prices, hours and team details come straight from the business. Nothing is invented.

  • Launched and live.

    Deployed to Vercel's global network with automatic HTTPS.