制作実績（Security フレンズ様｜WEBサイト制作）｜YORIYORK｜栃木県佐野市

ホームページ制作

Security フレンズ様｜WEBサイト制作

栃木県佐野市の「SECURITY　フレンズ」様より
WEBサイト（ホームページ）制作のご依頼をいただきました。

ご要望

ホームページを作成し、認知度の向上・信頼や安心の向上をはかりたい。

企画・コンテンツ

お客様のご予算・課題・ご要望をおうかがいし、下記を実施しました。

①ページ及び構成のご提案と作成
　質疑、やりとりを繰り返しながら提供サービスを具体化
　シンプルに提供サービスをご紹介するサイトに。
②写真撮影
　人物・施設・商品の撮影を実施。
③画像選定
　お客様のご要望を元に、都市、地方、家、店舗、オフィスの画像選定。
　セキュリティの表現につながるイラスト画像選定。
　

デザイン

お客様のご要望から基礎情報を定める。

▼色
・メインカラーを青とし、アクセントカラーオレンジを設定。
　青の濃淡の異なる色を背景色とする。

▼書体

・「安心感」「親近感」を出すように、視認性の高いゴシック体を設定
　太さの強弱でメリハリをつけ使用

▼形
・より親しみやすさを出すため、角丸を使用

▼アイコン
表現方法として、各提供サービスに即したイラストアイコンをそれぞれ作成し配置。

UI

▼機能
・コンテンツ毎の背景をわけることで、内容の切り替わりを調整。
・ボタンを立体的するため影をつけ、クリックできることをわかりやすく表現
・縦が長くならないようにスライドを実装し、ブロックをコンパクトにする調整を行う
・共通パーツ（見出し、ボタン）を定め、サイト全体の統一性を出す

▼装飾
・問い合わせボタンや強調箇所にアクセントカラーを設定し、重要箇所がわかるように調整
・サービスのイラストは線の太さやトーンを同じにし、統一感を出す
・撮影した写真は色味、明るさを統一し、全体の雰囲気を合わせる

プログラミング

■CMSの導入
・お知らせ、サービス事例を更新できるように設定

■サービス事例の表示調整
・管理画面からサービス事例の表示数や順番を更新できるように設定

■セキュリティ
・SSLの導入

■フォーム
・問い合わせフォームの構築
・リキャプチャを設定しスパム対策を実施

■コンテンツ増減対応
・サービス表示をスライダーで表示するように調整

■レスポンシブ対応
・デバイス、ブラウザ毎のサイズ調整


■その他
・次世代の画像の形式のwebpを採用し、処理の高速化の実現