中村 透 ポートフォリオ | 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

実際の画面イメージで、やってきたことをまとめました。横にスライドしてご覧ください。

横浜VAMOSのサイトトップ画面
横浜VAMOSLive Site

中学生ソフト・硬式野球クラブチームのホームページ。チーム紹介から試合結果、ギャラリーまで一から制作。

Visit site ↗
SHORE Hairのサイトトップ画面
SHORE Hair — ConceptCase Study

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

View case ↗
ARXIA Designのサイトトップ画面
ARXIA DesignLaunch

内装設計・施工会社のコーポレートサイト。速度と読みやすさを両立した情報設計。

Visit site ↗
このポートフォリオサイトのヒーロー画面
Portfolio — このサイトVanilla

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

Open ↗
ロスコスト改善状況報告のExcelレポート画面
ロスコスト削減レポートPython

月次のロスコスト削減レポートをPythonで自動生成。手作業のExcel集計から自動化しました。

Details ↗
図形連動チェックリストツールの画面
図形連動チェックリストVBA

図形をクリックするだけで進捗にレ点。色は退避され、チェック解除で復元されます。

Details ↗

※ 案件規模により変動します。詳細は無料診断でお伝えします。

Voice

制作にあたっていただいた感想の一部です。

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）」を選ぶと、診断テンプレでのご案内になります。