Websiteクライアントワーク
深井製作所様
- 担当範囲
- コーディング（SPデザインはおまかせでコーディングさせて頂きました）
- 使用ツール
- Figma / Visual Studio Code
- 制作環境
- HTML/CSS / Wordpress / Js / jQuery
- 実装機能
- 通常投稿 / お問い合わせ
- 製作期間
- 4週間
サイトの紹介
有限会社深井製作所様のコーポレートサイトのコーディングを担当しました。すべてのデバイスでデザインが崩れないよう、改行位置・文字サイズ・画像の重なりなどを慎重に調整し、レスポンシブ対応いたしました。
募集要項をお客様のほうでいつでも書き換えられるようにして欲しいとのことでしたので、ACFにて実装いたしました。
【特に苦労した部分】
- PC→SPに調整した際の文字サイズ・改行位置・画像サイズ調整(特にProducts listのトランス・ハーネス部分)
- グラデーションが効いた部分のアニメーション処理（ボタンなど）
主な実装機能
- WordPress
- 通常投稿・月別アーカイブ・カテゴリー別表示・募集要項をお客様が書き換えられるように設定（ACFにて実装）/ インスタグラムの連携（Smash Balloon Social Photo Feedプラグイン）
- スライダー
- Swiperを使用しています。
- お問い合わせ
- WordPressのプラグイン「コンタクフォーム7」を使用しています。
