制作サンプル一覧14 WORKS

株式会社トコワカ

WordPressテーマをフルスクラッチで構築し、物件管理システムをカスタム投稿として実装。宅地建物取引業法に基づく業者票の明示要件を設計の前に洗い出し、それを満たす形でUIに組み込んでいます。

こもれび歯科・矯正歯科

医療広告ガイドラインの「限定解除4要件」を満たす形で情報を設計。アクセシビリティ向上のためのUI（文字サイズ切り替え等）を実装し、運用者が安全に更新できるCMS構造を構築しています。

株式会社ハコビト運輸

職業安定法により明示が義務付けられた労働条件を、ユーザーの視線誘導に基づいて適切に配置。応募フォームには離脱率を下げるためのEFO（入力フォーム最適化）を施したシングルページ設計です。

株式会社イロハ塗装

サーバーを必要とせず、ブラウザ内で完結する動的見積もりアプリケーション。外部ライブラリに依存せずVanilla JS（素のJavaScript）のみで実装しているため、既存サイトの環境を問わず、安全かつ軽量に導入できます。

株式会社ミチシルベ

「創業期」という要件に対し、定量的な実績（数字）に依存せず、論理的なコンテンツ配置で信頼性を担保する情報設計を採用。有料職業紹介事業と労働者派遣事業の法的区分も明確に構造化して明示しています。

ひだまり洋菓子店

商品画像を最大限に活かす視覚的アーキテクチャ。素材の納品遅れを想定し、画像が未設定の状態でもレイアウトが崩れないよう、専用の表示枠を意匠として組み込んでいます。配色は商品特性から抽出したカラーパレットで統一しました。

くちどけ堂

「単一プロダクト」という制約をブランドの優位性に転換するUI/UX設計。ギフト用途に特化した導線を分離し、個数・のし・保冷剤・予約の要否といった付帯条件を、1画面だけで判断できる構造にしました。

株式会社ミナト電設

コンテンツ量が限定的な条件下でも、空間（余白）を制御して信頼性を維持するレイアウト設計。ユーザー属性（新規／既存）に応じた導線分離と、登録電気工事業者の必須表記を両立させています。

ルナドライブ運転代行

夜間の利用を前提としたダークトーンのUI設計。見知らぬ車に同乗するという心理的な障壁を下げるため、公安委員会の認定番号と損害賠償措置（保険加入）を、独立したセクションと会社概要の両方に明示しています。

見積書・請求書 発行ブック

インボイス制度（適格請求書等保存方式）の記載要件に沿って設計し、税率ごとに1回だけ端数処理を行うロジックを実装。マクロがセキュリティ設定でブロックされる事故を避けるため、関数のみで構築した業務システムです。

株式会社ノビシロ

スクロールに連動したアニメーションで、読み進む速さに合わせて情報を提示するCOMPANYページ。外部ライブラリに依存せず、画面に入った要素だけを一度だけ描画する設計のため、スマートフォンでも動作が重くなりません。写真素材は一切使用していません。

YUKINE ARCHITECTS

英語と日本語を、ページを読み込み直さずに切り替える多言語サイト。選んだ言語を保持し、海外からの閲覧には英語を初期表示します。外国籍での土地所有の可否や在留資格との関係など、海外の購入検討者が最初に確認する論点を構造化して掲載しました。

ととのえ整体院

24時間対応のAI受付が、チャットで空き状況の確認から予約の確定までを行います。予約が入ると「スタッフへ通知 → 台帳に記録 → お客様へ確認 → 前日リマインド」までが自動で走り、管理画面で実行ログを確認できます。LINE・電話・Webのどこから来ても、同じ仕組みで受け付けます。

架空の整体院を題材にした自主制作のデモです。公開中のAI受付は費用を抑えるためルールベースで動作しています（本番ではClaudeに切り替え可能）。予約データは定期的に初期化されますので、実際のお名前や連絡先は入力しないでください。

ヘアサロン アオイ

「増えた・減った」を示すだけでなく、その変化が例年のばらつきの範囲内かどうかまで判定する分析ダッシュボード。季節の影響を打ち消すため前年同月と比較し、標準偏差をもとに確かめる価値のある変化だけを色で示します。曜日別の売上、メニュー構成（パレート図）、来店回数ごとの継続率も、外部ライブラリを使わずデータから直接描画しています。

架空の美容室と、分析手法をお見せするために用意した架空の売上データを用いた制作サンプルです。