SHARE

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

spiqa_design

2022.11.10

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

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

ご紹介サイト「オアスパ(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デザインも承っておりますので、お気軽にご相談ください!

Webサイト・ホームページ制作なら、スピカデザインにご相談ください。

スピカデザインでは、コーポレートサイト、サービスサイト、採用サイトなど幅広いサイト制作に対応しています。デザインでお客さまの課題を解決するお手伝いをさせていただきます。 まずはお気軽にご相談ください。

スピカデザインに相談する

記事を書いた人

スピカナレッジについて

WEB制作・ホームページ制作会社
「スピカデザイン」が運営するメディアです。
WEBのプロが知識をお届けします。

株式会社スピカデザイン 公式X