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