work WEBサイトリニューアル 株式会社オオガノ様

ご要望

・実際の事業と企業の魅力を引き出し、表現したい。
・レイアウトやデザインが古くなったサイトをリニューアルしたい。
・表現できていないサービスなどの追加
・警告が出ているので解消したい｜SSL調整

株式会社オオガノ様よりリニューアルのご依頼をいただきました。

• Producer

  ishikawa

• Director

  arai

• Writer

  kawachi

• Designer

  araki / arai

• Engineer

  nara

デザイン

「老舗企業の信頼感」と「現代企業のスマートさ」を高いレベルで両立させたデザイン

■色
・コーポレートカラーの青と白を軸に展開
・背景はコンテンツの区切りがわかるよう、薄いベージュ・グレーを設定。

■図解
・顧客のビジネスモデルをしっかり表現する為に、連動性を図で表現

■メインビジュアル
・コピー案を出し、お客様と協議して設計
・ビジュアルはありきたりはさけ、親近感を得てもらう狙いでイラスト風を採用

■アニメーション
・サイト訪問時のコピーの見せ方をアニメーションで表現

プログラミング

■CMSの導入
・お知らせ、専門情報、商品、求人、実績を更新できるように設定
・カスタムブロックで自由にレイアウトが変えられるように実装

■動き
・マウスが追従するマウスストーカーの実装
・メインビジュアルに画像のズームや文字アニメーションの実装
・矢印や画像、リンクにホバーアクションの実装
・アンカーリンクにスクロールするスムーススクロールの実装
・各メニューにアクセスがしやすい、メガメニューやハンバーガーメニューの実装
・スクロールでフェードインする動きを実装
・上下や左右にスクロールする動きの実装

■サーバー・ドメイン
・サーバーの移転
・ドメインの移管

■セキュリティ
・SSL、リキャプチャの導入
・セキュリティヘッダの対策

■フォーム
・問い合わせ、エントリーフォームの構築

■運用
・All in one SEOを導入。
・Google for jbsの自働反映
・Google Analytics、Search Console、タグマネージャーの実装