
概要
バーミキュラのレシピサイト刷新とあわせて、新アプリ「MY VERMICULAR」の企画・UI/UX設計・プロダクト開発を担当しました。ブランドのフィロソフィーである「レシピも商品のひとつ」を軸に、アプリ・PC/SPサイト・LPを横断して体験を再設計。オーナーズマイページとポイントプログラムを統合し、レシピとの出会い、料理する楽しさ、ブランドとの関係性がひとつにつながるエコシステムを構築しました。

背景
当時のバーミキュラでは、レシピサイト・マイページ・ECがそれぞれ独立して存在し、ユーザー体験が分断されていました。Webでレシピを探し、別の場所でマイページにログインし、さらに別の導線でショップへ進む。導線の複雑さが、ブランドの核である「手料理の豊かさ」を感じてもらう前に体験を妨げていたのです。
また、レシピの多くが「ただの手順」として扱われてしまい、バーミキュラが大切にしてきた丁寧な手仕事へのこだわりや、料理の楽しさが十分に伝わりきっていません。顧客LTV及びロイヤリティの向上も課題でした。
目指した姿
「レシピから始まるバーミキュラ体験」をまるごと再構築し、レシピをブランド体験の中心に据え直すこと。顧客LTVとロイヤリティの向上を実現することが本プロジェクトの目的です。

支援内容
複数の戦略で体験を再構築しました。
<レシピとの新しい出会い>
迷う時間も楽しい体験へ転換。
「レシピナビ」という新機能を開発し、スワイプするだけでレシピと出会える仕組みを構築。「何を作るか迷う時間」すら楽しい体験へ転換し、ユーザーが自然と料理に向き合いたくなる導線を設計しています。
<料理前後の行動を支える導線>
買い物から調理、共有まで一体の体験。
料理を決めた後の暮らしを支えるため、買い物・調理・共有までの流れを一体で体験できるよう再設計。複数レシピの材料を自動合算する「買い物リスト」、URL共有で家族に買い出しを頼める仕組みなどを実装しています。料理に向かう心理的ハードルを下げ、「自分でも作れるかも」という感情を自然に引き出すよう工夫しました。
<ブランドとの関係性を深める仕組み>
料理することが、ブランドとの循環に。
バーミキュラの強みである「ユーザーに一生寄り添う姿勢」をアプリ体験として可視化。レシピ投稿や感想投稿でもらえる「サンクスコイン」、コインがそのまま公式ショップで使える連携導線、既存マイページとのアカウント統合によるシームレスな体験を実装しました。料理すること、共有することがブランドとの「循環」になる仕組みを設計しています。
技術面では、React NativeによるプロトタイピングでUI/UXを高速に検証。プロトタイプで作ったUI資産をそのまま本実装へ転用し、WebとアプリでバックエンドをTO共通化しています。既存ユーザー体験を損なわないアカウント連携を設計し、「体験の質」と「開発効率」の両立を実現しました。


成果
レシピサイト・マイページ・ECが統合され、ユーザー体験が一貫したものになりました。料理する心理的ハードルが低下し、「自分でも作れるかも」という感情が自然に引き出されています。
レシピとの出会い、料理する楽しさ、ブランドとの関係性がひとつにつながるエコシステムが構築されることで、顧客ロイヤリティの向上につながっています。
Credits
Total
- Agency
- 電通
- CreativeDirector
- 服部 友厚
- Director/TechnicalDirector/Planner
- 久保 慶護
APP/PC/SP
- ArtDirector/Designer/Illustrator:
- 野澤 美菜
- Designer
- 須川 美里
- Designer
- 小倉 裕香
- Lead Engineer
- 中村 秀樹
- Backend Engineer
- 木原 健太
- Backend Engineer
- 花山 侑生
- Frontend Engineer(app logic)
- 中村 秀樹
- Frontend Engineer(app logic)
- 木原 健太
- Frontend Engineer(app logic)
- 花山 侑生
- Frontend Engineer(app UI):
- 峯川 峻
- Frontend Engineer(web)
- 大澤 達也
- Frontend Engineer(web)
- 峯川 峻
- Frontend Engineer(web)
- 森山 正崇
- Frontend Engineer(web)
- 工藤 択斗
- Frontend Engineer(web)
- 志水 祐紀子
- Frontend Engineer(web)
- 出原崇志 (株式会社ペスカリッコ)
- Debug Director:
- 垣内 堅寛
- MotionDesigner
- UNIEL
- Sound
- 島崎 敦史
BRAND/LP
- Director
- 服部 友厚
- ArtDirector/Designer/Illustrator
- 野澤 美菜
- Lead Frontend Engineer:
- 細川 新之介
- Frontend Engineer
- 志水 祐紀子