Sharena's sparkle
MENU

DESIGN and SUPPORT@Osaka

DESIGN and SUPPORT@Osaka

【大阪府】MERMAID合同会社 様 | Webサイト制作

【大阪府】MERMAID合同会社 様 | Webサイト制作

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

今回は、これらの事業内容の周知を図るため、主に企業をターゲットとしたコーポレートサイトを制作されたいとのことで、当方へお声がけいただきました。

Webデザインについて

Webデザインは、クライアント様のご要望である「遊びと堅いページの間」を踏まえ、お好みのデザインとして教えていただいたWebサイトを参考に、既存のロゴカラーであるオレンジをメインカラー、ロイヤルブルーをアクセントカラーとした2案を提案いたしました。最終的には、2案を良いとこ取りしたようなデザインに決まりました。

主にライン(線)と角丸・丸を使っただけのシンプルなデザインですが、リズム感のある配置やスクロール時のアニメーションなど、程よく「遊び」が表現できたのではないかと思います。ヘッダーとフッター部分の半円を横に並べたパーツは「波」を表しており、シンプルなデザインを単調にしないためのポイントです。

なお、可愛らしい漫画のキャラクターや六本指の猫、肉球のイラストはクライアント様にてご用意いただいたものです。下手をすると「遊び」に寄ってしまうパーツですが、サイトTOPでは不透明度を下げて背景的に使用することで、「遊びと堅いページの間」の範疇に収まり、さらに他のWebサイトにない独自性の高いデザインになりました。

コーディングについて

総ページ数が14ページとそこそこ多く、ページネーションやプラグインを使いたかったので、WordPressのオリジナルテーマをHTML・CSS・JavaScript(jQuery)・PHPを用いて作成しました。スマホ対応のレスポンシブデザインです。

お問合せフォームやSNSのOGP設定はもちろん、Companyページには色やマーカーをカスタマイズしたGoogleマップを埋め込み、サイトTOPとActivityページには見た目の異なるスライドショーを実装しています。

また、クライアント様からのご要望で、CompanyページとServicesページのPC表示には「ページ内リンクの現在位置表示」を実装しました。

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

MERMAID合同会社 様について

前述のボート免許スクールの運営やボート免許教材の開発、船上での企業研修の他、

  • ボート免許取得後の操船練習
  • 水中ドローンや自社開発のVRシステムを使った水中調査・映像編集
  • プロの写真家が主催する船上の写真教室
  • 小型船舶の仲介と販売

といった、海と小型船舶を活用した幅広い事業を行っておられます。

特に船上での企業研修には力をいれておられ、専任の中小企業診断士・行政書士も講師として参加する「コミュニケーション強化研修(リーダー適正と次世代リーダーの育成)」は、チームワークの向上などの成果に好評を博しているそうです。

ユニークな企業研修を取り入れたいとお考えの経営者・管理職の方は、ぜひ検討されてみてはいかがでしょうか?

大阪のボート免許教材・リーダー育成の面白い企業研修 | マーメイド
https://mermaidone.co.jp/

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

OTHERS

OTHERS

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