FlapClapロゴ

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

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

mail

制作を相談する

Webデザイン

ライティング

商社様のコーポレートサイト(HP)リニューアルデザイン

本件ではサイトデザインに加えて、ライティングのご依頼もいただきました😊
ディレクション面はコーダー様が兼任して下さり、クライアント様を含めた3名(+社内インタビュイー様1名)でプロジェクトが完結しています。

1.改修前のクライアント課題

  • 古くなったデザインを若者にアピールできるテイストにリニューアルしたい

  • 若手の採用強化に向けて、スマートでスタイリッシュな印象にしたい

  • ライティングも依頼したい

▽ 改修前の先方HPデザインはこちら

改修前の先方HPデザイン

2.当方のご対応内容

🎨デザイン制作

  • メインとなるTOPページと、そちらで固まったトンマナに合わせた採用ページのデザインカンプを制作いたしました😊

  • 先方の仰る『若手』は主に男性を指していることが伺えたため、Instagramが生活の中にあって当たり前の世代に向けた「スマートでスタイリッシュ」なデザインに仕上げました。誠実さが伝わる青×黒に近いモダンな濃紺のカラーリングと、後述のアニメーションも活かしたメリハリで魅せています。

  • 採用ページへの誘導セクションには、Instagramで人気の手書きフォント「花とちょうちょ」を使用し、人と関わる温かみを「自分事」として感じられるよう配慮しました。

  • 制作ツール……レイアウト:Figma、ロゴ加工:Photoshop

リニューアルデザインさせていただいたホームページの画像

🔗該当サイトはこちら

🗾地域密着をアピール

  • 採用情報に遷移するセクションの背景には地域の情景を選定し、「地元でのびのびと働いて貢献できる」ことが強くイメージできるよう意図しています。(当初は写真だったのですが、コーダー様のアイデアで実装時に動画へ変更いただきました✨)

CTAセクションの画像

💡動きのアイデア

  • コーダー様より白黒反転するアニメーションのアイデアをいただき、プロダクト紹介セクションはタイル配置に。写真と反転する背景カラーのメリハリが活きるレイアウトによって、年若い訪問ユーザーの印象に残りやすい格好良さを目指しました。

スクロールに応じて背景色が変わるアニメーションの見本GIF

📝ライティング

  • スプレッドシートによるテキストインタビューを行わせていただきました。(こちらはオンラインでの対面取材もOKですが、先方がテキスト取材をご所望された形です😊)

  • 代表様には会社の信念や展望、「こんな人を採用したい!」という希望をお聞きし、先輩社員様には1日の仕事の流れや『この会社で働く魅力』などを伺っています。

  • 取り扱う商材の多彩さや、地域密着で働けるやりがいなど、会社の魅力がお取り引き相手にも採用希望者にも伝わることを第一に、TOPページと採用ページそれぞれのテキスト原稿を作成しました。

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

株式会社デイトラ様の公式ギャラリーサイトにご掲載いただけました😊

ご協業相手のコーダー様はそちらで技術メンターをされている御方のため、幾重にも光栄なプロジェクトに携わらせて頂けたことに感謝が尽きません✨

デイトラギャラリー様にご掲載いただけたページのスクリーンショット