suzienuzie.com

全国B型肝炎訴訟弁護団 Webサイト スクリーンショット

全国B型肝炎訴訟弁護団 Webサイト

弁護団 Webサイトリニューアル

https://bkan.jp/
  • 2021年2月〜2021年9月
  • 約3ヶ月
  • coding
  • design
  • direction

従前より更新管理をご依頼いただいている弁護団様のWebサイトリニューアルを行わせていただきました。

PCサイトを全面リニューアルし、スマートフォンサイトは新規制作。
英語サイトもありますがそちらは現行のままとのことで、共通ファイルを切り離してスタンドアロン化しました。

デザインについては、コンセプトカラーのオレンジは変わらず、よりシンプルでわかりやすいレイアウトを意識しました。
グローバルナビゲーションはメニュー数が非常に多く、先方様から隠さず全て表示させたいとの強いご要望があったため、見やすさを重視してサイドメニューを採用しました。

コーディングでは、遅まきながらCSS設計規則のBEMを取り入れました。使いやすいように少々アレンジしていますが、コーディング効率が上がり後から見返してもわかりやすいCSSになりました。

また個人的なこだわりですが、様々なデバイスで快適に閲覧できるよう、どのようなウィンドウ幅でも横スクロールバーが出ないようにしています。

制作内容

  • 現状分析・リニューアル提案
  • ディレクション
  • サイト情報設計
  • レスポンシブデザイン(スマホ対応)
  • コーディング(html・css・javascript・php)
  • 初期SEO対策

使用ツール

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Xd
  • Visual Studio Code
  • Sass
  • Gulp