suzienuzie.com

彩法律事務所 Webサイト スクリーンショット

彩法律事務所 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