Sharena's sparkle
MENU

DESIGN and SUPPORT@Osaka

DESIGN and SUPPORT@Osaka

【大阪府】MERMAIDオフィシャルショップ 様 | Webサイト制作

【大阪府】MERMAIDオフィシャルショップ 様 | Webサイト制作

大阪市中央区のMERMAID合同会社様は、ボート免許スクールの運営やボート免許教材の開発、船上での企業研修など、海と小型船舶を活用した幅広い事業を行っています。

今回は、ボートスクールやダイビングなどの野外実習に役立つ商品の企画開発と販売を行う「MERMAIDオフィシャルショップ」のサイトを制作されたいということで、当方へお声がけいただきました。

デザインについて

クライアント様は、当方の創業当時よりご依頼をいただいており、今回のサイトデザインについてはおおまかな方向性を確認した上で「一任する」と言っていただきました。「ソフトで遊び心のあるデザイン」と「ハードで堅実なデザイン」の2案を提案し、前者に決定しました。

クライアント様は、ブランディングの重要性を考え、ブランディングを支援するためのオリジナルグッズ・名入れ品を企画・開発・販売されています。この「ブランド」を象徴するモチーフとして、海とも馴染みの良い「旗」にロゴマークを入れた画像を使いました。

また、三角形などの図形で描いた海のモチーフ(船、波、魚など)のアニメーションをローディング画面をはじめとしたサイトの随所に配置し、遊び心を表現しました。これは、クライアント様が学習教材を販売されていることから、知育玩具のタングラムをイメージしたものです。パソコン表示では、この海のモチーフがスクロールに合わせて動きます。

コーディングについて

新着情報等の記事更新機能は不要でしたので、WordPressは使用せず、HTML・CSS・JavaScript(jQuery)・PHPを用いて制作しました。スマホ対応のレスポンシブデザインです。

商品は「学習教材」「講習用品」「ウェア類」「雑貨類」の4つのカテゴリに分けられます。トップページのファーストビューではこれらの4種の画像をスライドショーで表示しています。

商品の紹介ページでは、商品画像をサムネイル付きのスライダーで表示しています。どのような縦横比の画像でも、何枚でも、対応できるようにしました。

総ページ数は9ページ、デザインのご提案からコーディング、納品まで、制作期間はおおよそ丸2ヶ月でした。

MERMAIDオフィシャルショップ 様について

小型船舶免許のオンライン学習教材(シェルフィッシュ)の企画・開発・販売や、ボートスクール・マリンスポーツのブランディング支援として、

  • 教習フラッグ・ビブス等のオリジナル講習用品
  • スクール名やロゴマークを印刷したポロシャツ・Tシャツ等のウェア類
  • オリジナルデザインのノベルティグッズ・販促品・記念品等の雑貨類

といった、ボートスクール・マリンスポーツに特化した商品の企画・開発・販売をされています。

教習フラッグやビブスなどの専門性の高い講習用品は、商品を探して印刷の手配まで自分でやるとなると大変です。ボート免許スクールを運営している会社ならではの視点で必要な講習用品を取り揃えているのは助かりますね。

吸汗速乾に優れたポロシャツや珪藻土コースター・納艇の記念品に嬉しいキーホルダーなど、海で役立つ商品はもちろん、海を楽しむ商品も取り扱っておられます。

ボートスクール・マリンスポーツなど、海にまつわるビジネスをされている方は、ぜひ検討されてみてはいかがでしょうか?

MERMAIDオフィシャルショップ | ブランドから始まる繋がりを。
https://shelfish.jp/school/

※記事の内容は制作当時のもので、最新の情報と異なる場合があるため、必要に応じてご確認ください。

OTHERS

OTHERS

その他の制作実績はこちらからご覧ください。