沖縄の自然の恵みを活かした一杯の魅力が直感的に伝わるシズル感あふれるビジュアル設計と、スマートフォンからでも迷わずスムーズに購入完了まで進める快適なショッピング体験を実現しました。
県産アグー出汁にこだわった本格沖縄そばをお届けする「ナンクルそば」様のECサイトを制作
業種・カテゴリ：飲食・食品通販
沖縄県沖縄市中央を拠点に、高圧力鍋で抽出した特製アグー出汁の白濁スープや、こだわりの自家製ソーキ、オリジナルのバターチキンカレーそばなどを全国へ届ける「ナンクルそば」様の公式オンラインショップ構築を担当いたしました。
1. 背景と課題（Challenge）
素材へのこだわりと「本場の味」がひと目で伝わるデザイン
「ナンクル（自然に）」という言葉通り、できる限り県産の自然食材にこだわり、高圧力鍋で濃厚かつ後味あっさりに抽出した特製アグー出汁の旨味や、長時間煮込んだソーキの美味しさを写真とテキストで魅力的に届ける必要がありました。
全国のファンに向けた分かりやすい商品ラインナップの提示
定番の沖縄そば・ソーキそばセットから、独自の人気メニュー「バターチキンカレーそば」、自由な組み合わせが選べる3点セット、オリジナルアパレルグッズまで、ユーザーが欲しい商品をストレスなく見つけられる構成が求められました。
購入完了までの離脱を防ぐスムーズな決済・カゴ落ち防止設計
ギフト需要や自分へのご褒美としてECを訪れたユーザーが、配送先の指定や決済方法の選択で迷うことなく、直感的な操作で購入を完結できる購入導線づくりが課題でした。
2. ロープスからのご提案・解決策（Solution）
食欲をそそるシズル感を前面に出したレイアウト構築
スープの豊かなコクや煮込み肉の柔らかさが伝わる大きな商品写真をメインに配置。温かみのある落ち着いた配色をベースに、沖縄そばの伝統とモダンな親しみやすさを兼ね備えたトーン＆マナーで統一しました。
ギフトにも自宅用にも選びやすい商品一覧・セット導線
「4食セット」や組み合わせが選べる「3点セット」など、まとめ買いや贈答用としてのニーズに応える商品設計を整理。各商品の特徴（出汁のこだわり、具材の特長）を簡潔にまとめ、初めて購入する方でも味のイメージが湧きやすいレイアウトを採用しました。
モバイルでの買い回りを最優先にしたカートUI設計
SNSからの流入やスマートフォン利用者を想定し、商品選択からカートイン、注文者情報入力、決済画面への進行がスムーズに行える軽量でシンプルなショッピングカートUIを実装しました。
3. 制作の成果・ポイント（Result & Tech）
商品写真の魅力を損なわない軽量・高速な表示設計
高解像度の料理写真をふんだんに使用しながらも、画像のファイル最適化を行い、スマートフォンのモバイル回線環境でもパッと開いてスムーズに閲覧できる表示レスポンスを維持しました。
購入手続きの手間を削ぎ落としたスムーズなチェックアウト体験
カート内から注文完了までの入力ステップを視覚的に分かりやすく整理し、住所入力や決済エラーによるカゴ落ち（途中離脱）を抑制する導線を整えました。
直感的な在庫・商品管理を支えるバックヤード基盤
新商品の追加やセット内容の変更、売り切れ時の表示切り替えなどを店舗スタッフ様が迷わず迅速に管理・更新できる運用体制を構築しました。
使用技術・ツール
担当範囲
