株式会社光陽社
Live site
Scope of work
- Development
- Design
- CMS migration
ワードプレスからWebflowへ移行
私たちは既存サイトのページ構成、CMSデータ構造を把握し、Webflowへ移行の可能性を調査します。その後洗い出した情報からデザインを作成し、Webflowで実装を行いました。
以降に伴うSEOの悪化を防ぎ、向上を目指すために
リニューアル前のウェブサイトは長い歴史があり、インデックスされた情報を損なわずSEOを維持し、さらに向上させることを意識しました。行った内容として
- ページタイトル・ディスクリプションの移行
- OGP情報を移行・更新(軽量化等)
- リダイレクト設定
- ページの構造化
- 画像をWebPに統一
- セマンティックHTMLの使用
UIUXを意識した構造とデザイン
シンプルでクリーンな雰囲気を意識して作成しました。視覚的なノイズを抑え、ユーザーが直感的に情報を理解できるようにするため、余白とアニメーションを効果的に活用しています。そのため、サイト内の情報がスムーズに伝わるデザインになっています。
社内運用を前提に、論理的且つ効率的な設計
専門家に外部委託することなく、社内でウェブサイトの運用を行うために、論理的且つ効率的な設計を行いました。クライアントファーストのクラスの命名規則・レイアウトのコンポーネント化とオーバーライドなど、Webflowの便利な機能を最大限に使用しています。
ウェブサイトの実装
作成したトップページのデザインを基盤に、仮想ページの作成をWebflowで直接行いました。シンプルにわかりやすく、ユーザーが知りたい情報まで直感的に辿り着けるようUIUXに重きを置いています。
CMSデータ移行
CMSデータ、リンクに接続されているPDFファイルの移行は総数700を超えていました。できるだけ効率よく移行するためにCSVを活用しますが、Webflowの特性上、手作業で行うしかない作業もありました。
社内運用のための、マニュアル動画の作成
ウェブサイトを作成して終わりではなく、活用して事業の成長に繋げていただくために運用マニュアルの動画を作成しました。