制作実績

2021.03.13

【制作実績紹介 #05】オアスパ(OASIS RESORT SPA)

弊社(スピカデザイン)で制作した実績紹介の第5回目です!

制作にあたってのこだわりポイントをお伝えいたします!

ご紹介サイト「オアスパ(OASIS RESORT SPA)」

今回ご紹介するWebサイトは、「オアスパ(OASIS RESORT SPA)」です!

▼URL
https://oasis-resort-spa.jp/

▼制作実績掲載ページ
https://spiqa.design/works/oaspa/

制作はディレクター1人、デザイナー1人、コーダー1人で担当しました。

こだわりポイント

オウンドメディアとサービスサイトを一体化

「オウンドメディア」と「サービスサイト」は別々に分けて運用することが多いですが、当実績はその2つを一体化したサイトになります。

「オウンドメディア」と「サービスサイト」の行き来をしやすくするためにこのような構造にしました。

単純に一体化させてしまうと導線が複雑になってしまいがちですが、ヘッダーのナビゲーションを明確にわけることで、その問題を解決しました。

現在どちらの領域にいるかをグリーンのバーで明示

クライアントが更新しやすい各情報

このサイトは、各情報の追加・更新をクライアントが簡単にできるようにWordpressで構築しました。

「店舗情報」と「ブログ」をピックアップして解説いたします。

店舗情報

店舗情報ページの情報は全て管理画面で編集可能です。

店内写真のギャラリーは、管理画面にて画像をアップロードするだけで、下のようなレイアウトで表示されます。

管理画面は何の写真が入っているか確認しやすく、差し引きも簡単です。

設備は、管理画面にて各設備ごとに「あり」「なし」を選択するラジオボタンが設置されています。

各設備のラジオボタンを切り替えるだけで、サイト上のアイコンの表示を変えることができます。

さらに更新内容に合わせてWordPressのプラグイン「Advanced Custom Fields」PRO版(有料)の繰り返しフィールドを使用することで、納品後もサイト更新担当の方が簡単にコンテンツの差し引きができるようにいたしました。

繰り返しフィールドの使い方については、以下記事でご紹介しております!

ブログ

ブログはもちろん、新しい記事を公開したら自動的にサイト上に表示されます。

その他、ピックアップしたい記事は管理画面内の該当箇所にチェックを入れるだけでスライダー部分に表示されます。

カテゴリーもクライアントが自由に増やすことができ、ヘッダーナビゲーションやフッター、サイドバーに自動的に追加されます。

このように、サイトの色々なところがクライアント側で簡単に更新できるような設計になるようにこだわりました!

制作のご依頼は…

当実績のようにスピカデザインではWebサイト制作だけでなく、ロゴ制作や動画制作、パンフレットやチラシといったDTPデザインも承っておりますので、お気軽にご相談ください!

0

関連記事

  • 2021.04.03

    【制作実績紹介 #07】SPIQA DESIGN

    制作実績

  • 2021.03.20

    【制作実績紹介 #06】R.O.clinic

    制作実績

  • 2021.03.06

    【制作実績紹介 #04】アンジェリカミッシェル

    制作実績

おすすめ記事

  • 2019.02.08

    【css】IEにobject-fitを簡単に効かせる方法

    CSS

  • 2019.03.15

    【WordPress】固定ページにページネーションを効かせる方法

    WordPress

  • 2021.02.06

    【CSS】疑似要素(before, after)に画像を表示させる方法【サイズ変更も可能】

    CSS

    HTML5

株式会社スピカデザイン

渋谷のWEB制作会社「スピカデザイン」の現役コーダー達が、WEB制作のヒントになるような情報をお届けします。

https://spiqa.design/

spiqa_design

質問・感想などはこちら!

REQUEST

ご意見、感想や記事のリクエストなど
メッセージお待ちしております!