FlapClapロゴ

デザイン中心の制作/創作工房

「FlapClap -フラップクラップ-」

mail

制作を相談する

Webデザイン

Studio構築

ブランディング

伝統工芸「横須賀凧」様ポートフォリオサイトのデザイン、Studio構築(★Studio Showcase掲載)

本件では1ページ型ポートフォリオサイトのデザインとStudio構築を担当させて頂きました😊

PM様がとても丁寧に与件整頓してくださったお陰で、1ヶ月ほどでワイヤーフレームの作成〜デザイン制作〜Studio構築までをゴールできたプロジェクトです。

1.制作時のクライアント課題

  • 今ある市の簡素なHPとは別に、世界観を作り込んだホームページが欲しい

  • 更新のメイン媒体はInstagramのため、HPは伝統工芸のブランド感を伝えるポートフォリオにしたい

2.当方のご対応

🗺️全体設計、ワイヤーフレーム

  • PM様との初回お打ち合わせで、大まかなサイトの仕様とお互いのタスクを把握し合い、以降はSlackで詳細を確認しながら進めていきました。

  • 早い段階でテキスト・画像をご提供いただけたため、初稿デザインに近い形で【画像配置済みのワイヤーフレーム】をお出しできました。

  • この段階から何度も「大満足です!」のお声をいただき、期待以上のデザインを届けできるようにと制作へ打ち込ませていただけました😊

🎨デザイン制作

  • 白ベースをご所望いただいた以外はお任せいただけたため、凧の質感を感じられる和紙のテクスチャーを背景に使用しています。

  • アクセントカラーは青にし、凧の色合いと、凧を揚げた際に見える青空を想起できるように意識しました。

  • 凧や職人様のお写真を多数ご提供いただけたこともあり、統一感を出しながらもコントラストをつけたダイナミックな配置が叶いました。

  • 制作ツール……レイアウト:Figma、写真補正:Photoshop

🔗該当サイトはこちら

制作させていただいたHPデザインの画像

💻 Studio構築

  • 実績ギャラリーはカルーセルで実装しています。(自動再生型)

カルーセルで実装した部分のスクリーンショット
  • Miniプランをご選択いただいたことから、公開可能なページ数の上限に沿って、プライバシーポリシーをフッターにアコーディオンメニュー(トグル)として実装するなど、見栄えと機能を損なわない工夫をしています。

🤝サポート体制

先方・PMともにStudioサイトが初のため、料金プランやドメインのご案内、アフターフォローとしてStudio更新資料も作成〜送付いたしました。(Studioの新エディターに対応しています)

アフターフォローとしてお渡ししたStudio更新方法の参考資料

3.ギャラリーサイトに掲載

Studio公式ギャラリーサイト『Showcase』のポートフォリオ部門にご掲載いただけました😊

先方の職人技の素晴らしさを周知する一助になれましたら光栄です!

Studio showcaseに掲載された該当ページのスクリーンショット