works01メインビジュアル画像

Web Design

靴とクラフト体験のブランドwebサイト

webサイト

クライアント

藤原化工株式会社

制作範囲

デザイン・ライティング・素材撮影・写真加工・サイト構築

制作期間

2025年11月 - 2026年2月20日

制作スケジュール

制作のスケジュール

サイトマップ

ターゲット

30代から50代のお母さん

目的

革靴とクラフト体験の両方に興味を持ってもらい、相乗効果に繋げるため

サイトコンセプト

重たくし過ぎないためにpopで、革の魅力を伝えたい!

こだわりポイント

自作イラスト・あしらい

所々にイラストやあしらいを入れて工夫をしています。イラストは全部自作で、サイトの雰囲気に合うように主線なしのイラスト 仕上げています。

絞れる商品

下層ページの「CRAFT」や「SHOES」などのページでは欲しい商品・体験メニューの商品など 分けて閲覧することができます。

見たい質問だけ見れる

下層ページの「FAQ」では、見たい質問だけをみることができるアコーディオンになっています。これにより、見る側の負担を減らすことができます。

使用したソフト

  • Adobe Illustratorビジュアル作成
  • Adobe Photoshop写真加工・切り抜きなど
  • Figmaサイトデザイン作成
  • Visual Studio Codeサイト構築
  • CLIP STUDIO PAINT EXサイト内イラストの作成

概要

靴の製造・販売とクラフト体験を行うブランド「AShiOtO」のWebサイトを制作しました。本制作は初めてのクライアントワークであり、使用する素材の撮影からデザイン、サイト構築まで一貫して一人で制作しています。 本サイトでは、靴の魅力だけでなくクラフト体験の存在も自然に認知してもらうことを重視しました。 特にトップページでは、靴のセクション下にクラフト体験の要素を“チラ見せ”することで、「体験もできるブランドである」という気づきを促す設計にしています。 また、革素材が持つ高級感に対し、あえて親しみやすさやポップさを取り入れることで、ユーザーが気軽に興味を持てるような世界観を目指しました。

スライド1_AShiOtO

スライド2_サイト一覧画像

スライド3_サイトの目的・コンセプト

スライド4_サイトの目的・コンセプト

スライド5_サイトマップ

スライド6_制作スケジュール

スライド7_ターゲット・ペルソナ

スライド8_ui設計

スライド9_ui設計2

スライド10_改善ポイント1

スライド11_改善ポイント2

スライド12_改善の結果・まとめ

スライド13_改善の結果・まとめ

スライド14_横展開_パネルデザイン

スライド15_横展開_展示会

TOPページ画像 ABOUTページ画像

SHOESページ画像1 SHOESページ画像2

CRAFTページ画像1 CRAFTページ画像2

SHOPページ画像 FAQページ画像