TASKAL

Contoh praktikal

Public demo sites and private workflow system samples are organized for sales calls and screen sharing.

SELECTED WORK

From structure and design through implementation

The scope covers information architecture, Figma-based desktop and mobile design, WordPress implementation, forms and release checks.

Figma to HTML implementation guide

Figma → HTML / React

Responsive implementation from Figma

Components, spacing and type hierarchy are translated into code and checked at key desktop and mobile widths.

Scope
Figma / HTML / CSS / React
Delivery
Code, checks and update notes
QA
Build and responsive widths
View LP case
WordPress website and landing page production guide

WordPress custom theme

Custom theme from information architecture

Fixed pages, editable fields and inquiry paths are organized and implemented as a business-specific WordPress theme.

Role
Structure, UI and theme
Output
Pages, form and editable fields
Delivery
Small site in 7 days
View WordPress case

Production flow

  1. 01Clarify goals, audience and conversion path
  2. 02Create wireframes and desktop/mobile design
  3. 03Implement the WordPress theme and forms
  4. 04Verify widths, forms and update steps

Client names and URLs are anonymized when publication is not approved. Public demos are explicitly labeled as demos.

DEMONSTRATIONS

Public demos and screen-share samples

The items below are samples for reviewing structures and functions, not client work.

Cloudflare Pages Public demo

Multilingual site flow sample

Review how Japanese, English, Korean and Chinese switching can look, including overseas-facing page structure.

For stores and experience services that want to guide overseas customers
Language switchingOverseas copyInquiry flow
MultilingualLanding
Open sample
Cloudflare Pages Public demo

Local SEO page structure sample

See how area pages can be expanded by combining location, business type and service content.

For local service businesses that want more search traffic
Area page designService pathsSEO article structure
Local SEOPortfolio
Open sample
Cloudflare Pages Public demo

On-site purchase service demo

A service site example organizing purchase categories, service areas and pre-inquiry concerns.

For on-site purchase, appraisal and visiting-service businesses
Category pagesPre-appraisal FAQConsultation form flow
Landing pageContent
Open sample
Screen-share demo Private sample

Inquiry and customer management mini tool

A small admin screen for forms, customer lists, response status and CSV export.

For teams whose inquiries and response status are scattered across sheets and chat
Customer listResponse statusCSV export
CRMCSVPrivate
Review on call
Screen-share demo Private sample

Journal and expense settlement mini app

An internal tool for expense requests, receipt notes, approval status and CSV export for accounting software.

For small teams managing expense settlement and journal checks in spreadsheets or chat
Expense requestApproval statusCSV export
ExpenseJournalPrivate
Review on call
Screen-share demo Private sample

Reception and check-in mini app

A small tool for visitor check-in, staff notifications, response status and CSV export.

For businesses managing reception, visits, appointments or staff calls on paper or chat
Visitor check-inStaff notificationStatus tracking
ReceptionCheck-inPrivate
Review on call
Screen-share demo Private sample

Image and file upload base

A workflow base for receiving images and attachments, then reviewing them from an admin screen.

For businesses that want to collect photos, documents and application details through forms
File intakeSubmission listReview status
UploadSubmission managementPrivate
Review on call