WORKS

ANZU Portfolio Site

Webデザイン学習の成果と、インフラエンジニアとしての経験を伝えるために制作したポートフォリオサイトです。デザインカンプ作成からNext.jsでの実装、GitHub管理、Vercel公開まで一連の流れを行いました。

制作概要

自身のプロフィール、制作実績、スキル、制作の流れ、お問い合わせ導線を1ページにまとめたポートフォリオサイトです。

Webデザインとフロントエンド開発の両方のスキルをアピールできるポートフォリオを目指して制作しました。見る人が作品を迷わず閲覧できるよう、シンプルな構成と操作性を意識し、デザインから実装、公開まで一貫して担当しました。

Webデザインやフロントエンド開発の依頼を検討している企業・クライアント、採用担当者。短時間で制作実績やスキル、人柄が伝わるような構成を意識しました。

Next.js / TypeScript / Tailwind CSS / GitHub / Vercel

要件定義 / 画面設計 / デザインカンプ作成 / コーディング / デプロイ

ベージュを基調にした落ち着いた配色と余白を活かし、親しみやすさと信頼感が伝わるデザインを意識しました。また、作品詳細ページやスムーススクロール、ホバーアニメーションを実装し、閲覧しやすいサイトになるよう調整しています。

約10日間