橋本総業株式会社様  採用情報サイト

HASHIMOTO SOGYO LTD. RECRUIT橋本総業株式会社様 採用情報サイト

橋本総業グループは、建築資材の一次卸売企業として長い歴史を持ち、全国に40以上の支店を展開しています。企業は「設備商品の流通とサービスを通じて、快適な暮らしを実現する」というミッションに基づき、地域密着型の営業活動と最新システムの活用を進めてきました。そんな橋本総業の採用情報サイトを制作する上では、事業内容を学生にわかりやすく伝えるということが一番のミッションでした。スマホからもストレス無く見るためのレスポンシブデザイン対応はもちろん、イラストやアニメーションを用いて思わずスクロールしたくなるようなサイトを構築しました。

VIEW WEBSITE

イラストやアイコンを活用して、
分かりやすくポップに表現

取引先がメインターゲットであるコーポレートサイトに対し、新卒/第二新卒世代をターゲットとしたリクルートサイトは明るくカジュアルな、若い世代の目を惹くデザインに。売上高や社員数などの会社情報は、テキストではなくイラストを用いて分かりやすく表現しました。また、数字部分にはカウントアップのアニメーションをつけることで、堅苦しくないポップな印象になるよう意識しています。

画面イメージ1
画面イメージ2

思わずスクロールしたくなる、
遊び心あるアニメーション

「求める人物像」は、ただ3カテゴリのテキストで並べるだけでなく、スクロールするとトランプカードが捲れる仕掛けを実装しました。PC・SPそれぞれに合わせた最適なアニメーションを実装することで、スマホからサイトを見ることが多いと予想される就活生のニーズに応えています。
「先輩社員インタビュー」は、スライダーとモーダルウィンドウを用いて1ページ完結で制作しました。スマホ操作でもストレスの無いよう、コンパクトに表現しています。

  • Design tools
    Adobe XD
  • Frontend
    webpack
    PostCSS
    gsap
CLIENT
橋本総業株式会社様
採用情報サイト
RELEASE
2023.08.31
URL
https://www.hat.co.jp/recruit

CONTACT

案件のご相談・質問などはこちら

採用に関して、その他お問い合わせはこちら