竹原ゴム加工 採用サイト

株式会社竹原ゴム加工様の採用サイト構築を担当しました。

ゴムをイメージしたアニメーション

ファーストビューはデザイナー様からのご希望で、文字の一部がゴム風に伸びる演出を実装しました。
中々ゴムらしさが出ず、実際に実物で確認したりと試行錯誤の上、太さの変化も加えることで実現できたかと思います。

また、フッター前のCTAエリアも、テキストにゴム風の動きをつけて出現させています。

レスポンシブ対応

各所登場する角丸のアンダーラインは、改行しても問題ないようbackgroundのradial-gradientを利用。
カスタムプロパティと組み合わせ、再利用性を高めました。

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

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

担当業務と工夫した点

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

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

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

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

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

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