カラーミーショップでECサイトを制作・リニューアルするなら、「どんなショップが作れるのか」「専門的な商材でも魅力が伝わるのか」が気になるところです。
ここでは、流楽が手がけた医療用品専門店「SKIP＆CLAP様」のカラーミーショップ制作事例を、具体的な工夫とあわせてご紹介します。
カラーミーショップご利用ECサイト「SKIP＆CLAP様」
吸引器用バッグ専門店 ＳＫＩＰ＆ＣＬＡＰ
– https://skipclap.com/
リニューアルの経緯
医療的ケアが必要なお子様を持つご家族にとって、日々の外出には多くの困難が伴います。吸引器を持ち運ぶためのバッグひとつをとっても、機能性を優先すれば無骨な医療機器然としたものになり、見た目を優先すれば実用性に不安が残る。この両立の難しさに、多くのご家族が悩んでこられました。
SKIP＆CLAP様の「CARErryBAG」は、難病を抱える子どもを持つお母さんご自身が、当事者の視点から開発した製品です。この「当事者だからこそわかる」という価値は、製品の仕様や機能を並べるだけでは伝わりません。開発に至った背景や想いがあってはじめて、「本当にわかっている人が作った製品だ」という信頼が生まれます。
また、情報を探しているご家族は、日々の看護や介護で心身ともに負担を抱えていることも少なくありません。無機質な医療機器サイトではなく、温かみを感じられる場所で情報を得られることが、購入前の安心感につながります。SKIP＆CLAP様は、製品の価値と開発者の想いの両方が伝わるサイトを求めておられました。
お客様からのご要望
SKIP＆CLAP様は、医療ケアのための吸引器用バッグ専門店です。難病を抱える子どもを持つお母さんが当事者の視点から開発した、機能性とデザイン性を兼ね備えた吸引器バッグ「CARErryBAG」(特許取得済み)を中心に、医療的ケア児と家族の生活をサポートする製品を販売されています。
今回のECサイト制作では、以下のご要望をいただきました。
- カラーミーショップを活用した使いやすいECサイト構築
- 専門性の高い医療機器関連商品の魅力を伝えるデザイン
- スマートフォンでも快適に閲覧・購入できるレスポンシブ対応
- 製品の特徴や選び方がわかりやすく伝わる商品ページの設計
- 医療的ケア児の家族と支援者に役立つ情報コンテンツの充実
- 温かみのある親しみやすいデザインの実現
- ご自身でも自由に更新できるようにする運用性能
制作のポイント
- カラーミーショップを活用した機能的なECサイトのデザインカスタマイズ
- 特殊な医療機器関連商品の特性を考慮した商品ページ設計
- ページ表示速度を意識した最適化設計
- ウェブアクセシビリティへの基本的な配慮
- レスポンシブウェブデザインによるマルチデバイス対応
- 開発者の思いや製品の誕生背景を伝えるストーリー性のある構成
- 実用的な情報と視覚的な魅力のバランス
技術的な工夫
カラーミーショップのカスタマイズ
ECサイト構築プラットフォーム「カラーミーショップ」をベースに、医療機器関連商品を扱うショップならではの信頼感と親しみやすさを両立させたデザインカスタマイズを行いました。専門性の高い商品情報を的確に伝えつつも、温かみのあるビジュアルで親しみやすい印象を与える工夫をしています。
カラーミーショップの大阪エリアのパートナー事例としても掲載されるなど、医療系ECサイトとしての特性を活かした優れたカスタマイズ事例として評価されています。
ページ表示速度への配慮
商品画像と情報量の多いサイトでありながら、快適な閲覧・購入体験を提供するため、以下の対策を実施しました。
- 商品画像の適切な圧縮と最適化
- CSSの最適化
- 効率的なコード構造の採用
これらの施策により、スマートフォンでの閲覧時にもストレスなく商品情報にアクセスできる環境を実現しています。
→ ページ表示速度の改善について詳しく見る
ウェブアクセシビリティへの配慮
医療的ケア児の家族や支援者など、様々なユーザーに配慮した設計を行いました。
- 適切なコントラスト比の確保
- 論理的な見出し構造の設定
- 読みやすいフォントサイズと行間設定
コンテンツ設計の工夫
商品情報の伝え方
専門的な医療機器関連商品の特性をわかりやすく伝えるため、以下の工夫を行いました。
- 製品の特長を視覚的にも理解しやすいよう、図解や実使用イメージを掲載
- 各種吸引器との互換性や対応表の明示
- 実際の使用シーンに合わせた商品選びのガイド
- 医療者と当事者の両方に理解しやすい表現の工夫
「トピックス」セクションでは、製品情報の更新や使用のヒントなど、ユーザーに役立つ情報を定期的に発信できる構成としました。
ブランドストーリーの表現
「見た目はかわいいままで、そこに機能性という優しさがちょっと加わるだけで、本人もお世話する人も、みんな楽になる」というSKIP＆CLAPの理念を伝えるために、開発者の思いや製品開発の背景をストーリー形式で紹介。当事者だからこそ生まれた製品の価値を、ビジュアルと文章の両面から伝える構成としました。
トップページのコンセプトメッセージ「たのしくおでかけ できますように」という想いが伝わるよう、製品の機能性だけでなく、その先にある「外出の自由」「家族の笑顔」という価値を感じられるデザインを心がけました。
制作まとめ
SKIP＆CLAP様の製品の価値と想いが伝わるECサイトを作成させていただきました。
専門性の高い医療機器関連商品の機能性を的確に伝えながらも、温かみのあるデザインと使いやすさを両立させた設計となっています。
カラーミーショップの大阪エリアのパートナー事例にも掲載されています。
令和2年度内閣府バリアフリー・ユニバーサルデザイン推進功労者表彰奨励賞を受賞されるなど、社会的にも高く評価されているSKIP＆CLAP様。当事者だからこそ生まれた製品の価値と、開発者の想いがきちんと伝わるサイトとして、情報を探すご家族の支えになることを願っています。
リニューアルのメリット・効果
「見た目はかわいいままで、そこに機能性という優しさがちょっと加わるだけで、本人もお世話する人も、みんな楽になる」というSKIP＆CLAPの理念を、開発者の思いや製品開発の背景とともにストーリー形式で伝えたことで、単なる商品説明では届かない「当事者だからこそわかる」価値が伝わるサイトになりました。
図解や実使用イメージ、吸引器との互換性の明示など、専門性の高い情報をわかりやすく伝える工夫により、機能面での不安を解消しながら、温かみのあるビジュアルで安心感も両立できる設計が実現しています。
トップページのコンセプトメッセージ「たのしくおでかけ できますように」が伝わるデザインにより、製品の機能性だけでなく、その先にある「外出の自由」「家族の笑顔」という価値まで感じてもらえるサイトになりました。日々の負担を抱えるご家族が、温かい気持ちで情報にたどり着ける場所が整っています。
カラーミーショップでECサイトを作るときに大切なこと
専門性の高い商材を扱うECサイトほど、機能や仕様を説明するだけでは、その価値は十分に伝わりません。誰が、どんな想いでその商品を作ったのか。開発の背景にあるストーリーを伝えることが、専門知識を持たない訪問者にとっての「信頼」につながります。
特に医療・福祉関連の商材は、情報を探す方が精神的な負担を抱えていることも少なくありません。機能性だけでなく、温かみを感じられるデザインやトーンで情報を届けることが、安心して購入を検討してもらうための土台になります。
流楽はカラーミーショップの公式パートナーとして、専門性の高い商材でも魅力と信頼が伝わるECサイトづくりに対応しています。ECサイトの構築をお考えでしたら、お気軽にご相談ください。
流楽は、カラーミーショップの公式パートナーとして、ECサイトの制作・カスタマイズを数多く手がけてきました。専門性の高い商材でも、その魅力と信頼が伝わり、お客様自身で更新できるECサイトづくりが得意です。
▶ ホームページ・ECサイトの制作実績一覧を見る
https://www.ryu-raku.co.jp/webdesign/works.html
▶ ネットショップ・ECサイトの制作について見る
https://www.ryu-raku.co.jp/webdesign/ec-hojokin.html
カラーミーショップのカスタマイズについては、こちらの記事でも詳しく解説しています。
▶ カラーミーショップでできること｜デザインカスタマイズの自由度を解説
▶ カラーミーのフリーページとは？作り方と売上につながる活用アイデア
カラーミーショップでのECサイト制作・リニューアルをご検討中でしたら、お気軽にご相談ください。
