LOADING

ico Created with Sketch. ico Created with Sketch. ico Created with Sketch.

WORKS

worksページのFV画像

深井製作所様

担当範囲
コーディング(SPデザインはおまかせでコーディングさせて頂きました)
使用ツール
Figma / Visual Studio Code
制作環境
HTML/CSS / Wordpress / Js / jQuery
実装機能
通常投稿 / お問い合わせ
製作期間
4週間
サイトURL
https://fukai-seisakusho.com/

サイトの紹介

有限会社深井製作所様のコーポレートサイトのコーディングを担当しました。すべてのデバイスでデザインが崩れないよう、改行位置・文字サイズ・画像の重なりなどを慎重に調整し、レスポンシブ対応いたしました。
募集要項をお客様のほうでいつでも書き換えられるようにして欲しいとのことでしたので、ACFにて実装いたしました。

【特に苦労した部分】

  • PC→SPに調整した際の文字サイズ・改行位置・画像サイズ調整(特にProducts listのトランス・ハーネス部分)
  • グラデーションが効いた部分のアニメーション処理(ボタンなど)

主な実装機能

WordPress
通常投稿・月別アーカイブ・カテゴリー別表示・募集要項をお客様が書き換えられるように設定(ACFにて実装)/ インスタグラムの連携(Smash Balloon Social Photo Feedプラグイン)
スライダー
Swiperを使用しています。
お問い合わせ
WordPressのプラグイン「コンタクフォーム7」を使用しています。