Corporate website
http://www.sake-harasho.com/
既存のウェブサイトはPCでの閲覧を主軸に設計されており、スマートフォンやタブレットからのアクセス時にレイアウトが崩れ、操作性が著しく低いという課題を抱えていました。モバイルユーザーの増加傾向を鑑み、レスポンシブ対応による機会損失の解消が急務でした。
主な目標は、サイトを完全にレスポンシブ化し、どのデバイスからアクセスしても商品や情報が分かりやすく表示される快適なユーザー体験を提供することでした。また、SNS連携を強化することで、モバイルからの新規顧客流入を増やし、Webサイト全体の集客力を底上げすることを目指しました。
PC版のデザインを維持しつつ、モバイル環境での表示速度や操作性を最適化するモバイルファーストのレスポンシブ設計を実施しました。これにより、画面サイズに応じてレイアウト、フォントサイズ、ボタンサイズが動的に調整され、高いユーザビリティを確保しました。（ROLES: Design, Coding）
モバイル画面でも商品の魅力を直感的に伝えるため、スマートフォン表示に最適化された軽量かつ高機能な画像スライダーを追加しました。これにより、限られた画面スペースの中で多くの情報を効率的に、かつスムーズに提示することが可能になりました。（ROLES: Coding, Design）
Webサイトとソーシャルメディアとの連携を強化するため、集客効果の高い位置にFacebookやX（旧Twitter）などのSNSバナーを設置しました。これにより、商品やキャンペーン情報の自然な拡散を促し、ブランドのリーチ拡大に貢献しました。（ROLES: Design）
レスポンシブ化の実施後、モバイル経由でのサイト離脱率が改善し、モバイルユーザーの滞在時間が大幅に増加しました。全てのデバイスで同一の高品質な体験を提供できるようになったことで、顧客からの信頼性が高まり、SNS経由の流入も増加するという副次的な成果が得られました。
