Case 02In production

Web なみ屋 Portfolio

このポートフォリオサイトそのもの。 屋号と仕事をまとめて見せるための小さな玄関を、 企画からデザイン、実装、公開までひと通り自分の手で仕上げました。

Year
2026
Role
企画・デザイン・実装・公開
Type
個人プロジェクト
URL
namiya.dev

屋号のちいさな玄関を。

屋号と活動の中身をまとめて見てもらえる「玄関」が欲しくて作りました。 これまでの制作物や、今できることを一箇所に集めた場所です。

派手に見せるのではなく、自分の手触りに正直に。 余白・静かな写真・最小限のアクセントカラーで、 問い合わせまでの道のりがすっと通るように設計しています。

Web なみ屋 ポートフォリオトップ
Top — ヒーローセクション

何度もやり直して辿り着いた静けさ。

最初は装飾を重ねた案から始まり、 シアン×オレンジの「海とみかん」案を経て、 最終的には白背景と海の写真一枚に絞り込みました。

01
v1 — 装飾重ね
ガラスモーフィズム・グラデーション・装飾フォントで盛ったが、 「工房の静けさ」から離れてしまった。
02
v2 — 海とみかん
シアンとオレンジの2色構成。世界観は出たが、 「シンプル・透明感」という軸とやや競合した。
03
v3 — 白+写真1枚
思い切って白基調に戻し、海写真をフルブリードで1枚だけ使用。 オレンジはロゴのアクセントに限定。
04
v4 — 言葉のチューニング
見出しを「ひとつひとつに、手をかけて。」に。 規模感を示す言葉を避け、真心と丁寧さに寄せた。

使った道具。

Frontend
Next.jsTypeScriptCSS
Infrastructure
Cloudflare WorkersCloudflare DNSnamiya.dev
Design
HTMLモックアップで反復Inter + Noto Sans JP

担当したこと。

Planning
サイトの目的整理/掲載内容の取捨選択
Design
トーン設計/レイアウト/タイポグラフィ/ライティング
Development
Next.js 実装/Cloudflare Workers デプロイ/独自ドメイン設定
Back to Portfolio
他の制作物を見る →