01 / VOICE COMMERCE
AIボイスECサイト「Voitext」
黒と金を基調とした高級感のあるカラーリングで、 音声× ECという新しい体験に見合う高品質な価値を表現しました。
◆ UI/UXデザイン / フロントエンド実装
WEB DESIGNER / FRONTEND DEVELOPER
PORTFOLIO
43歳、社会人経験を土台にWeb業界へ挑戦しています。 デザインだけでなく実装まで学びながら、 ビジネス課題をカタチにします。
4+
制作実績
2
専門領域（Design / Frontend）
2年
前職でクレーム対応ゼロを達成
Current Status
Ready to Work
Design × Frontend Engineer
見た目の美しさと、動くコードの両方に責任を持ちます。 小規模案件のワンストップ対応が得意です。
Figma
React
AI Workflow
HTML / CSS
JavaScript
Recently connected with
Fi
Re
AI
WORKS
制作実績
デザインから実装まで一貫してプロジェクトを中心に、 課題設定から解決までのプロセスを大切にしています。
02 / CREATIVE SNS
デザイン特化のSNSサイト
資格・スキル・仕事・趣味を語り合う、意識の高い層向けの情報共有プラットフォーム。 「ノート」を軸にした情報設計とUIを追求しました。
◆ UI/UXデザイン ＋ AIディレクションによる実装
03 / EC FOR YOUNG GENERATION
若年層向け（小中高生）ECサイト
ターゲット層の使い方に合わせた直感的な導線設計と、 あらゆる画面幅で崩れないレスポンシブ対応を実現しました。
◆ UI/UXデザイン / フロントエンド実装
04 / MYSTERY EVENT
ミステリー謎解きイベントサイト
◆ 自主制作（コンセプトワーク）世界観への没入感を高めるインタラクティブな演出と、 緊張感を演出するダークUIを企画段階から設計しました。
◆ 企画・デザイン・実装
• STRENGTHS
43歳だからこそ持っている強み
技術力だけで若手と競うのではなく、
社会人経験で培った姿勢をWeb制作に接続しています。
01
納期意識
納品の遅延はトラブルに直結するため、常に納期を守ることを最優先に行動。 間に合わない場合は先方と早めに話し合い、確実に納品できる時間を明確に伝えることで信頼を損なわないよう対応してきた。
Web制作での活かし方：制作スケジュールの見積もりと、遅延リスクの早期共有
02
クレーム対応・コミュニケーション
相手の状況や感情を汲み取りながら対応する姿勢を大切にし、2年間クレームゼロを達成した実績がある。
Web制作での活かし方：クライアントとの丁寧なヒアリングと、要望の背景まで汲み取る対応力
03
問題を未然に防ぐ動き方
他のドライバーの納品を積極的に手伝うことで、結果的にトラブルを未然に防ぐことにつながっていた。
Web制作での活かし方：問題が起きてから対処するのではなく、起きる前に気づいて動く姿勢
AI WORKFLOW
AIとの向き合い方
「AIを使っている」で終わらせず、 何を任せ、何を自分で判断しているかを整理しています。
Claude
ChatGPT
Gemini
AIに任せている部分
- コードのたたき台生成
- デバッグ補助
自分が必ず判断する部分
- デザインの方向性
- 配色
- レイアウトの最終決定
具体エピソード（判断力の証拠）
AIが提案した配色やレイアウトが、目指す世界観に合わないと感じたときは、そのまま採用せず、何度も指示を出し直して調整した。 「Voitext」で情報過多だった構成を、AIと壁打ちしながら絞り込んだ判断もこれに該当する。
AIは「たたき台を早く作る」「詰まった時の壁打ち相手」として活用しつつ、最終的な意思決定（デザイン・配色・採用可否）は必ず自分で行う。 「AIに作らせる」のではなく「AIを使って自分の意図を形にする」という位置づけで制作している。
SKILLS & ABOUT
スキルとプロフィール
Skills
Design
Figma
Photoshop
UI/UX 情報設計
Frontend
HTML / CSS
JavaScript
React
Workflow
Git / GitHub
AIツール活用
About
43歳、未経験からのWeb業界挑戦
配送ドライバー、後に主任として複数のドライバーをまとめてきた。
43歳という年齢は、弱みではなく「社会人経験を積んだ上での再スタート」だと捉えている。
納期意識：納品の遅延はトラブルに直結するため、常に納期を守ることを最優先に行動。
どうしても間に合わない場合は、先方と早めに話し合い、確実に納品できる時間を明確に伝えることで信頼を損なわないよう対応してきた。
クレーム対応・コミュニケーション：相手の状況や感情を汲み取りながら対応する姿勢を特に大切にし、2年間クレームゼロを達成。
この姿勢は、Web制作におけるクライアントとのやり取りにもそのまま活かせると考えている。
問題を未然に防ぐ動き方：他のドライバーの納品を積極的に手伝うことで、結果的にトラブルを未然に防ぐことにつながっていた。
問題が起きてから対処するのではなく、起きる前に気づいて動く姿勢を、Web制作の現場でも大切にしたい。
2年間
クレーム対応 ゼロ達成
43
社会人経験を積んだ上での挑戦
LEARNING / FUTURE
これから伸ばしていくこと
未経験者として正直に、現在地と伸びしろを示します。
現在できること
- Figmaを使ったUI設計
- HTML / CSS によるコーディング
- JavaScriptでの基本的な実装
- レスポンシブ対応
学習中
- JavaScriptによるインタラクション設計
- アクセシビリティへの配慮
- AIを活用した制作フロー
今後伸ばしたいこと
- チームでの制作・ディレクション経験
- 実務でのクライアントワーク経験
- 保守性を意識したコード設計
43歳・未経験という立場だからこそ、できることとできないことを正直に伝えることを大切にしている。 社会人経験で培った「約束を守る」「相手の立場で考える」姿勢を土台に、実務を通じて技術力を積み重ねていきたい。