johnaiui

Automation

Automations that run your busywork.

I connect your forms, inbox, CRM, spreadsheets and AI tools so leads, content and follow-ups move on their own. Here are examples of workflows I build.

n8n
Make
Zapier
AI agents

How a workflow runs

TriggerA form, email, call, message or schedule starts the flow.
UnderstandAI reads it, pulls out the details and decides what happens next.
ActYour sheets and CRM update, and emails, SMS and posts go out.
ReportYou get a summary in Slack, email or Telegram, and can step in any time.

Workflow examples

n8n

Notion knowledge base to AI search

Pulls your guides from Notion, splits them into chunks, stores them in a vector database and lets an AI answer from your own content.

Notion
Chunk & embed
Vector store
AI answers

n8n

AI content team in Slack

A Slack request kicks off three AI writers in parallel, saves their drafts, posts them back to Slack, and a feedback agent applies your edits.

Slack request
3 AI agents
Database
Slack review

n8n

Full website copy generator

Reads 13 page and brand guides from Notion, then an AI content manager writes copy for every page and sends it to Google Sheets.

Notion guides
AI writer
Page agents
Google Sheets

n8n

AI UGC promo videos

Send a product from Telegram and get user-style promo videos generated and published, with separate lanes for each video style.

Telegram
Video AI
Review
Publish

n8n

Product photo to video ads

Analyses a product photo, creates a model image and video prompts, renders the clips, merges them and saves the final video link.

Webhook
Image AI
Video AI
Airtable

n8n

Faceless video autopilot

On a schedule, an AI writes a short video script, a faceless video is rendered, and it is posted to your social accounts.

Schedule
AI script
Render video
Post to socials

Zapier

Form follow-up sequences

A new form response is cleaned up, filtered, and routed into one of three timed email follow-up paths.

Google Forms
Filter
3 paths
Delayed email

Zapier

AI phone call follow-up

After each AI phone call, the transcript is analysed, the right row in your sheet is updated and an SMS follow-up is sent.

AI call ends
AI analysis
Google Sheets
SMS

Make

Inbox to spreadsheet

Incoming emails are caught by a webhook, routed, logged as rows in Google Sheets and saved to a data store.

Mailhook
Router
Google Sheets
Data store

Make

Meeting notes to CRM

Meeting insights create or update the contact, find the company and update or create it in HubSpot.

Meeting notes
Contact
Find company
HubSpot

Make

Lead inquiry to sales team

Each website inquiry is logged, filtered, added to the CRM, emailed to a sales rep and announced in Slack.

Webhook
Sheets
CRM contact
Email + Slack

Make

AI quote-request handling

AI reads each request for quote, extracts the parts list, finds matching suppliers, emails them and saves the replies.

Webhook
AI extract
AI suppliers
Email

What do you repeat every week?

Tell me the task, and I’ll map out the automation and what it would take to build.

UI/UX Design

Apps people love to use.

I design mobile apps and websites that are easy to understand, quick to use and look premium, from the first sketch to a clickable prototype your developers can build from.

Figma
Prototyping
Design systems
AI-assisted

My design process

ResearchI learn who your users are, what they need and what your competitors do.
WireframesSimple layouts and user flows so we agree on structure before any styling.
Visual designPolished screens in your brand’s colours, type and style, for every state.
Prototype & testA clickable prototype to test with real people, then a clean handoff to developers.

Case studies

Tap a board to see the full case study.

01 · Case study

Flavoro

Restaurant app · Mobile app

A restaurant app for discovering local food, ordering in a few taps and tracking delivery, with AI-powered picks based on each person’s taste.

Screens designed

Onboarding
Location
Home
Restaurant
Cart
Order tracking

Type: Poppins

02 · Case study

GongHao

Food & travel discovery · Mobile app

A discovery app for travelers who want authentic local dishes, hidden food spots and the culture behind them, wherever they go.

Screens designed

Splash
Onboarding
Home
Restaurant detail
Map & explore
Profile

Type: Plus Jakarta Sans

03 · Case study

PaceTrip

Travel & running · Mobile app

A travel and running companion that finds scenic, safe running routes in cities around the world and turns every trip into a run.

Screens designed

Home
City discovery
Routes
Route detail
Trip details
Profile

Type: Inter

What you get

User flows & wireframesEvery path a user takes, mapped and agreed.
High-fidelity screensPixel-perfect designs for phone, tablet and desktop.
Clickable prototypeTap through the app before a single line of code.
Design system & handoffColours, type and components ready for developers.

Have an app or website idea?

Tell me what you want to build, and I’ll plan the screens, the timeline and the cost.

Brand Design

Brands people remember.

I build complete brand identities, from the logo, colors and type to mascots, packaging and the guidelines that keep everything consistent.

Logo
Mascot
Packaging
Guidelines

Stand out from the crowd.

A clear, memorable brand helps the right customers notice you, trust you and choose you over everyone else.

How I build a brand

DiscoverYour business, your customers and what makes you different from competitors.
StrategyYour brand’s personality, voice and the feeling people should get.
IdentityLogo, colors, type, mascot and patterns that all work together.
ApplyPackaging, signage and social posts, plus guidelines for your team.

Brand identities

Tap a board to see the full brand.

01 · Brand identity

CharBun

Burger restaurant

A bold, playful burger brand built around fire-grilled flavor, with a walking burger mascot named Bunny who brings the brand’s personality to life.

What I designed

Logo
Mascot
Burger wrapper
Fries carton
Drink cup
Burger box
Tray liner
Icon pattern
Ad visuals

“Taste the fire.”

02 · Brand identity

Crumo

Cookie shop

A cheerful cookie brand for every mood: a bitten-letter logo, a cookie mascot and flavor-coded boxes that look great on the shelf and on social media.

What I designed

Logo & variations
Mascot
Color & type
Flavor boxes
Pattern
Bag & cup
Store sign
Social posts

“Cookies for every mood.”

03 · Brand identity

Veluna

Premium ice cream

A soft, creamy identity for a premium ice cream brand: a melting wordmark, flavor-coded pints and a playful splash pattern made for families.

What I designed

Logo
Pint packaging
Color & type
Lid detail
Brand pattern
Cups & spoon
Take-home box

“Scoop the happy.”

What you get

Logo suiteMain logo, simplified versions and an icon for social and apps.
Colors & typographyA palette with exact color codes and fonts that fit your personality.
Mascot & patternsA character and brand patterns that make you instantly recognizable.
Packaging & guidelinesReady-to-print designs and a guide so everything stays consistent.

Ready for a brand people remember?

Tell me about your business, and I’ll plan the identity, the timeline and the cost.

Web Development

Websites that sell for you.

I design and build fast, responsive websites, from landing pages to full online stores and booking sites, that look great on every screen and turn visitors into customers.

Landing pages
Online stores
Booking sites
Responsive

How I build your website

PlanYour goals, your pages and the content each one needs.
DesignEvery page designed in your brand, for phone, tablet and desktop.
BuildClean, fast code with your store, booking or contact features.
LaunchDomain, search setup and visitor stats, plus support after launch.

Websites

Tap a site to see every page.

01 · Website

Cleanie

Online store · Laundry care

An online store for a Japanese laundry brand: fresh, bright pages that show every product clearly, filter by category and make checkout quick on phone or desktop.

Pages built

Home
Product list
Product page
About
Cart
Mobile site

“Cleaner, brighter, happier days.”

02 · Website

Crumbly

Online store · Cookie shop

A warm, mouth-watering cookie shop with a “Build your box” feature: customers pick a box size, mix their favorite flavors and check out in three easy steps.

Pages built

Home
Our cookies
Build your box
Product page
Cart
Mobile site

“Happiness in every bite.”

03 · Website

SORA Travel & Tour

Booking site · Travel agency

A travel agency site for Japan and Asia tours, with a tour search bar, popular destinations, package pages with itineraries, and a contact form with a map.

Pages built

Home
Tour search
Tour packages
Tour detail
Why SORA
Contact

“Your next adventure starts here.”

What you get

Responsive designLooks and works great on phones, tablets and desktops.
Fast & search-readyQuick to load and set up so people can find you on Google.
Store, booking & formsProduct filters, carts, tour search and contact forms that work.
Launch & supportDomain and hosting set up, and help with changes after launch.

Ready for a website that works for you?

Tell me what your business needs, and I’ll plan the pages, the timeline and the cost.

AI Solutions

Put AI to work for your business.

I help businesses create, communicate and automate with AI: eye-catching visuals, chatbots that reply in seconds, and workflows that handle the busywork for you.

AI visuals
Chatbots
AI workflows
24/7

What I build

AI visualsAds, posters, product images, mockups and social media content made with AI, in your brand.
Ads · Branding · Content
ChatbotsAn assistant that answers questions, collects details and books appointments, day and night.
Messenger · Instagram · WhatsApp · Website
AI workflowsYour apps connected, so bookings are saved, you’re notified and customers get confirmations.
Zapier · Make · n8n · GoHighLevel

See it in action

A sample conversation from the BL Beauty Studio chatbot, and what happens behind the scenes.

BL

BL Beauty Studio

AI assistant · replies instantly

Sample

Hi! How can I help you? 😊

How much is eyebrow microblading?

Our eyebrow microblading is ¥8,000. It includes consultation, design and aftercare. Would you like to book?

Yes, I want to book.

Great! Your details:

Service: Eyebrow microblading
Date: Oct 26 · 2:00 PM

Thank you! 💖

Your booking is confirmed. See you soon!

Customer sees your adOn Facebook or Instagram, then sends a message.
AI chatbot repliesAnswers questions and collects their details in seconds.
Customer books a servicePicks a date and time right in the chat.
Booking is savedStraight to Google Sheets or your CRM.
You get notifiedA message tells you about every new booking.
Customer gets a confirmationBy WhatsApp or email, plus a reminder before the visit.

AI solution examples

Tap a board to see it full size.

01 · AI solution

BL Beauty Studio

Beauty salon · Full AI solution

A complete AI setup for a brow, lash and lip blush studio: AI-made ads and posters, a chatbot that answers prices and books appointments, and a workflow that saves every booking and sends confirmations.

What I set up

AI ads & posters
Messenger & Instagram chatbot
WhatsApp & website chat
Google Sheets bookings
Owner notifications
Confirmations

“More bookings, less admin.”

02 · AI solution

AI for every industry

8 business types · Ready-made setups

How the same three building blocks, AI visuals, chatbots and workflows, fit eight different businesses, from restaurants and clinics to real estate and delivery companies.

Industries

Beauty
Restaurant
Cleaning
Online store
Travel
Real estate
Logistics
Healthcare

“Design · Automate · Convert.”

Works for your industry

01Beauty salonAI booking, social media content and customer support.
02Restaurant & foodAI menus, reservations, order questions and promotions.
03Cleaning serviceLead capture, instant quotes and scheduling.
04Online storeProduct photos, ads, a shopping chatbot and automatic orders.
05Travel & tourItinerary ideas, booking inquiries and traveler support.
06Real estateProperty questions, viewing schedules and lead management.
07Logistics & deliveryShipment questions, parcel tracking and customer support.
08Healthcare & clinicAppointment booking, FAQs and patient reminders.

What it does for you

More leadsTurn ad clicks into real conversations.
More bookingsCustomers book any time, even while you sleep.
Save timeLet AI handle the repetitive messages and admin.
Grow your businessSpend your time on clients, not on paperwork.

Ready to put AI to work?

Tell me about your business, and I’ll show you where AI can save you the most time.

Video Editing

Videos that stop the scroll.

I edit short video ads, reels and brand videos with clean cuts, motion graphics, color grading and captions, ready for TikTok, Instagram, Facebook and YouTube Shorts.

Reels
TikTok
Video ads
YouTube Shorts

Editing styles

Muted clips, playing on a loop.

Product close-upsSlow, rich shots that make products look premium.
Before & afterSplit-screen reveals for beauty and transformations.
Smooth camera movesGliding shots that walk viewers through a store.
Luxury product adsMoody lighting and detail shots for high-end items.
Glitch transitionsFast, eye-catching effects that stop the scroll.
Motion graphicsAnimated stickers and titles, keyed and composited.

How I build a 30-second ad

HookThe first 3 seconds grab attention before people scroll past.
StoryProduct reveal, benefits and real use, in a clear order.
PolishMotion text, transitions, color grading, music and captions.
ExportSized and ready for every platform you post on.

Video ad examples

Tap a storyboard to see every scene.

01 · Video ad

Bénéle Beauty Serum

30-second skincare commercial

A soft, glowing product ad that moves from a scroll-stopping hook to the product reveal, key ingredients, a before-and-after and a “Shop now” ending.

Scene by scene

0–3 s Hook
3–8 s Product reveal
8–15 s Key benefits
15–22 s Usage scene
22–27 s Before / after
27–30 s Logo + CTA

1080 × 1920 · 30 fps · 0:30TikTok · Reels · Facebook · Shorts

02 · Video ad

TIMF Watch

UGC-style men’s watch ad

A bold, cinematic ad in a user-generated style: lifestyle shots, feature callouts and close-up details, cut into short versions for each platform.

Scene by scene

0–3 s Hook
3–6 s Product reveal
6–10 s Key features
10–15 s Usage scene
15–22 s Lifestyle / UGC
27–30 s Logo + CTA

1080 × 1920 · 30 fps · 0:30TikTok · Reels · Facebook · Shorts

03 · Video ad

Benelé Women Merchandise

30-second brand video

A brand video for a women’s lifestyle shop, showing the full product range, everyday styling and details, with soft pink color grading throughout.

Scene by scene

0–3 s Hook
3–6 s Product reveal
6–10 s Product variety
10–15 s Lifestyle
15–22 s Close-ups
27–30 s Logo + CTA

1080 × 1920 · 30 fps · 0:30TikTok · Reels · Facebook · Shorts

What you get

Cuts & transitionsTight, professional pacing that keeps people watching.
Text & motion graphicsAnimated titles and callouts in your brand’s style.
Color gradingA consistent, polished look across every shot.
Music, sound & captionsBackground music, sound effects and auto captions.
Logo animationYour logo brought to life for the ending.
Multi-platform exportVertical, square and wide versions, ready to post.

Ready for a video that sells?

Tell me about your product, and I’ll plan the scenes, the timeline and the cost.

Everything your brand needs to look the part.

AI Solutions

Brand Design

UI/UX Design

Web Development

Video Editing

Automation

How I work with you.