中村 透 ポートフォリオ | T. Nakamura Portfolio

About

T.NAKAMURA（中村 透）
横浜拠点のフロントエンド開発者。HTML/CSS/JSで速く・美しく・アクセシブルなWeb体験をつくります。

  • 設計：BEM/Utility、レスポンシブ & ダークモード標準対応
  • パフォーマンス：CLS/INP改善、画像最適化・遅延読込・コード分割
  • アクセシビリティ：WAI-ARIA / キーボード操作 / 読み上げ最適化
  • 自動化：Python/VBAで運用や素材準備を効率化
View projects Contact

Why work with me

“つくって終わり”ではなく、集客と効率化まで伴走します。

Skills

CSS設計、JavaScriptによるインタラクション、アクセシビリティを重視。スクロールにあわせてメーターがアニメーションします（コードのみで実装）。

HTML & AccessibilityExpert
CSS / Layout / AnimationAdvanced
JavaScript (Vanilla)Advanced
PerformanceAdvanced
Design SystemsAdvanced
Automation (Python/VBA)Intermediate

Projects

画像は使わず、すべてコードで表現。下のカードはCSSのみのビジュアルと“コードウィンドウ”モチーフで構成しています。

SHORE Hair — Concept Case Study

大人ショートヘア専門サロンの架空サイト。
「静寂 × 洗練 × 海の透明感」でブランドの世界観を設計。

View case
ARXIA Design — Corporate Site Launch

内装設計・施工の強みを簡潔に伝える情報設計。速度と読みやすさを両立し、運用も見据えた構成。

Visit site
Portfolio — このサイト Vanilla

画像に頼らずCSSとJSでビジュアルを構築。速度とアクセシビリティを優先した設計。

Open
Case — Local Salon Before→After
Before（公開前）
After（公開後）
予約導線
Instagram → LINE → 電話 を HPフォームへ整理
問い合わせ率
+xx%（フォーム改修・導線の明確化）
運用負荷
-yy%（自動返信・テンプレ整備）

※ 実数値は守秘のため伏せています。面談時に類似事例をご案内します。

自社に当てはめて診断
Portfolio Hero Vanilla

スクロールするコード背景＋タイプライター見出しのヒーロー。ユーザー設定の「動きを減らす」にも対応。

View
CSS-Only Gallery CSS

グラデーションとマスクで抽象的な形状を生成。画像ゼロでもレスポンシブに対応します。

Details
Form UX Kit A11y

インライン検証とキーボード操作に配慮した、アクセシブルなフォーム・パターン集。

Try form

Price

目的に合わせて4つのプラン。
まずは無料診断で最適プランをご提案します。

Starter (LP) 最短公開
  • 1ページ構成（高速）
  • 基本アニメーション / 画像最適化
  • お問い合わせフォーム付き

¥30,000〜

このプランで相談
Business (Corporate) おすすめ
  • 5〜7ページ（会社・店舗向け）
  • 実績/メニュー/アクセスなど必須構成
  • フォーム自動返信 / 運用導線整備

¥80,000〜

このプランで相談
Pro (Custom) 高度機能
  • 10ページ以上 / ブログ / 予約連携
  • 高度アニメーション / SEOチューニング
  • 自動化（集客/運用の省力化）

¥150,000〜

無料診断を依頼
Care (Maintenance) 年契約
  • 軽微な修正・更新
  • サーバー/ドメイン込みも相談可
  • 月次レポート（任意）

¥15,000 / 年

このプランで相談
ページ数15–710+—
フォーム自動返信◯◯◯—
ブログ/予約連携—△◯—
自動化（運用効率化）—△◯—

Quick Estimate（概算）

概算¥—

※ 実作業内容により変動します。無料診断で最適化します。

Timeline

  1. — 複数のコーポレートサイトを企画〜実装まで一気通貫でリリース
  2. — Python／VBAの自動化スクリプトでワークフローを高速化
  3. — フロントエンドのパフォーマンス最適化とアクセシビリティを強化

How We Work — 3 Steps

  1. 無料診断 / 相談

    目的・現状・導線・運用体制をヒアリング。UI/集客/自動化の観点で現状診断を返します。

    無料診断を依頼

  2. 提案 / 設計

    改善方針・サイト構成・ざっくり見積り・期間を提示。必要に応じて15分オンライン。

    ※ ここまで無料

  3. 制作 / 伴走運用

    実装→公開。公開後も集客と自動化を運用で伴走、効果をレポーティング。

    料金を見る

FAQ

納期はどれくらいですか？
LPで1〜2週間、コーポレートで3〜5週間が目安です。素材のご提供速度により前後します。
写真や文章が用意できていません。
最初はラフでOK。テンプレをお渡しし、素材整理も自動化テンプレで並走します。
公開後の更新が不安です。
Careプランで軽微修正対応します。将来的な拡張も見据えて設計します。
支払い方法や分割は可能ですか？
銀行振込。案件規模により着手/中間/納品の分割も可能です。

Contact

通常のお問い合わせ／無料診断（Automation）のどちらも、このフォームから送信できます。
送信後は自動返信メールが届きます。

※ 入力後「送信」を押すとメールが送信されます。
※ 「無料診断（Automation）」を選ぶと、診断テンプレでのご案内になります。