メガネ流通センター 採用サイト

愛知県・静岡県にメガネ・補聴器販売店のメガワールドを展開する、メガネ流通センター様のリクルートサイトの実装を担当しました。
水彩の優しい雰囲気が印象的なデザインです。

アニメーション

「彩」の色の変化

ファーストビューのキャッチコピーは、「彩」の部分のみカラーということを活かし、
白黒→徐々に彩度がつく演出をつけました。
ぼかしも併用することで、カメラのフォーカスが合うように鮮やかになるイメージです。
https://www.mega-world.co.jp/recruit/
また、はじめは動画に目線が行ってしまうため、後から出現させることで注目してもらえるようにしました。

水彩の滲み、花をイメージ

インタビュー詳細ページでは、水彩絵の具がじわっと滲むような、
また、花がふわっと広がるイメージのアニメーションを追加しました。
https://www.mega-world.co.jp/recruit/staff/interview02.html

各セクションのラインのアニメーションも、見出しへの自然な視線誘導と
コンテンツの切り替わりを直感的に伝えるものになったかと思います。

コンサルティング会社様 継続案件の共通概要

コンサルティング会社様の制作パートナーとして、月に1〜2件のペースで
継続的にWebサイト（主に採用・静的サイト）の構築や進行管理を担当しました。

担当業務と工夫した点

Webの専門知識がないご担当者様へのサポート

先方の担当者様はWebの専門知識をお持ちではなかったため、専門用語を極力避け、どなたでも理解しやすいよう丁寧な説明を徹底しました。
また、単に指示通りに動くだけでなく、状況に応じてこちらから最善策をご提案するなど、スムーズな進行をサポートしました。

意図を汲み取り柔軟に実装

デザインは案件ごとに外部のデザイナー様が作成されていました。
レスポンシブ時の挙動が未定義のケースやWeb上での再現が難しい表現が含まれる場合も、
デザインの意図を損なわないよう、こちらで適切な見せ方を補完しながらコーディングを行いました。
多様なレイアウトの課題を解決し続けることで、柔軟な構築力を培うことができました。

多様なサーバー環境における事前調査

基本的にはサイトの公開作業まで一貫して担当しました。
エンドクライアント様ごとにサーバー環境が異なるため（PHPのバージョンが古い、外部の管理会社が存在するなど）、
事前の環境調査を徹底し、安全かつスムーズな公開作業を実施しました。