有限会社宇野澤鉄工様
サイトリニューアル
![](https://blooming-m.com/bm-wp2022/wp-content/uploads/2023/09/web-unozawa-1024x538.jpg)
ご依頼内容
デザインを一新し、レスポンシブ対応したサイトをご希望でした。また、採用情報ページが新設されました。
担当スコープ
HTMLSassJavaScript
アプローチ
今回は静的部分のコーディングを担当しました。
Adobe XDで制作されたパソコン用デザイン(横幅1440px)をいただき、タブレットとスマートフォン用デザインについてはコーディングの過程でアレンジしています。
昨年から読み進めていた「CSS設計完全ガイド 詳細解説+実践的モジュール集」(半田 惇志 著)を参考に、PRECSS記法にトライしました。
class名には役割に応じた接頭辞を持たせ、構造と装飾を切り分けた設計にすることで、後々のメンテナンスやページ追加が容易で寿命の長いサイトになるよう心掛けました。
【制作期間】
2週間
![](https://blooming-m.com/bm-wp2022/wp-content/uploads/2023/09/0c53a66e14e099d037f989aa8906bb1a.png)