大阪市中央区の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/
※記事の内容は制作当時のもので、最新の情報と異なる場合があるため、必要に応じてご確認ください。