彩法律事務所 Webサイト
法律事務所 コーポレートサイトリニューアル
https://irodori-law.jp/
- 2019年3月〜2021年3月
- 約4ヶ月
- animation
- coding
- design
- direction
- writing
従前より更新管理をご依頼いただいている法律事務所様のWebサイトフルリニューアルを行わせていただきました。
PCサイトを全面リニューアルし、スマートフォンサイトは新規制作。
さらに名物ブログ「イロドリ便り」をクライアント様自身に更新していただけるよう、Wordpressを組み込みました。
デザインは旧デザインをブラッシュアップ。メインカラーも前のものと同じく爽やかなブルーを用いて、誠実さと信頼感をアピール。また、事務所名の通り「彩り」を随所に散りばめ、真面目な中にも親しみやすさや温かさを意識しました。
メインビジュアルのキャッチコピー部分にはSVGを使ったストロークアニメーションをアクセントに。ウインドウの幅に応じた画像表示の最適化にも気を使いました。
アイコンなど写真以外の画像は基本的にSVGを使用し、どんな画面サイズでも美しく表示されるようにしています。
作業面では遅まきながらSassやGulpを取り入れました。慣れるまで少々手こずりましたが、効率良くコーディングできるようになりました。
エディタもBracketsから軽いVS Codeに乗り換え、ツールに対するストレスが解消されたので良かったです。
制作内容
- 現状分析・リニューアル提案
- ディレクション
- サイト情報設計
- レスポンシブデザイン(スマホ対応)
- コーディング(html・css・javascript・php)
- SVGアニメーション
- Webライティング
- Wordpressオリジナルテーマ構築
- 初期SEO対策
使用ツール
- Adobe Photoshop
- Adobe Illustrator
- Adobe Xd
- Visual Studio Code
- Sass
- Gulp