手染め・手紡ぎ工房【K&ito.】の静的Webサイト (GitHub Pagesにて公開中)

制作ポイント

コンセプト設計: 実在しない架空のショップだからこそ、オーナーの「手仕事への想い」という人物像から深く掘り下げました。単なる商品紹介ではなく、作り手の体温が伝わるような構成を目指しています。

ターゲットと配色: 20代から60代まで幅広い層の女性に親しんでいただけるよう、自然界にある色彩(ナチュラルカラー)を基調にし、目への優しさと安心感を両立させました。

デザインによる付加価値: あえて余白を広く取り、商品カードを控えめに配置することで、一つひとつが一点ものであるという「希少価値」と「物語性」を視覚的に演出しています。

導線設計(UI/UX): HEROページから読み進めるうちに、ブランドの世界観に共感し、自然な流れでワークショップ予約(ACCESS)へと辿り着くストーリー性のある動線を構築しました。

製作日数
企画・構成から公開まで3日間(AIツール活用|集中制作)

使用ツール
HTML / CSS / JavaScript / VS Code / Gemini / Claude / GitHub

■2026/0707:同サイトをWordPress化して公開しました。少し内容変わってます。
 どこが変わったのかはこちら「静的サイトのWordPress化」▶

 実際のWordPress化したサイトはこちら
 手染め・手紡ぎ工房【K&ito.】のWordPressサイト (公開中)

▲Claudeと打ち合わせして作ったワイヤーフレーム
<< 前の作品 一覧に戻る 次の作品 >>