Cookpad Design Magazine

186

本

毎日の料理を楽しみにするために、クックパッドで取り組んでいるデザイン事例をお届けしていきます

運営しているクリエイター

#UIデザイン

事業会社の新卒デザイナーが5タイプの現場で価値を発揮するためにしたこと

クックパッド Product Design Leadのよーた（@yotaszk）です。レシピサービス「クックパッド」のユーザー体験に責任を持ち、今年からチームをリードしていましたが、11月30日付でクックパッド株式会社を退職します。このnoteでは、2022年4月に新卒入社、インターンを含めると約3年間で実践した「事業会社の新卒デザイナーが5タイプの現場で価値発揮するための超具体的なコツ」を実例を交えながら紹介します。今日からぜひ真似してみてください！はじめに

エンジニア直伝！デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法

こんにちは、@ShikiCheriです。現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…！？クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サービスWeb版クックパッドのUIのリニューアルを行いました。またこのプロジェク

プロダクトに生成AI技術をどう取り込むか？ーAlexa Cookpadを例に

こんにちは、デザイナーの橋本 (@hashcc) です。 4ヶ月ほど前にAmazon Alexa版クックパッドアプリ向けにGPT-3を使ってAIレシピ要約機能を実験的に導入していました。今回はこの機能の構想からリリースまでのプロセスを書いてみようかと思います。作る前にざっくり作り方がわかる機能を作ったAmazon Alexa版クックパッドアプリは、音声やタッチで料理をガイドするアプリです。レシピ検索や作り方画面を音声やタッチで操作できるので、「濡れた手でスマホを触りたく

デザインシステムでアニメーションを気軽に導入！

こんにちは、kenjowです。クックパッドのデザイン推進部デザイン基盤グループという、デザインシステムの管理運用などを行っている組織でデザイナーをしています。さて、今年3月にクックパッドのアプリ内で表示されるloadingアニメーションのデザインをリニューアルしました！このようにレシピ検索中などの画面表示時に表示されます。また、以下3種類のアニメーションがランダムで表示されるようになっています。今回はこのloadingアニメーションのリニューアルがどのような取り

60人以上のインタビューから価値と体験を具現化するためにデザイナーが行ったこと

クックパッドデザイナーのよーた（@yotaszk）です。このnoteでは、3ヶ月間で60人以上のユーザーさんにインタビューにご協力いただきながら「クックパッド」アプリトップのリニューアルを含んだ大施策の具現化のためにやっていた、Figma活用術を紹介します！事例：クックパッドアプリの新しいアプリトップとテーマ体験新しいアプリトップとテーマは、ユーザーさんが料理の趣味嗜好ごとにレシピをまとめられる仕組みで、検索だけでは出会いにくいレシピとの「偶然の出会い」を作ります（

チームのデザイナー間の連携を強化するためにやっていること

私は生鮮食品ECの「クックパッドマート」というサービスでプロダクトデザイナーをしています。現在クックパッドマートには私を含め4名のプロダクトデザイナーがいて、協力しながらアプリのデザイン制作をしています。複数のメンバーが並行してのデザイン制作は、品質の担保と分担を円滑に進めるためにデザインルールを整えることが必要になってくると思います。私たちは月に1度「Application cleanup day」という会を設けています。この会は2021年から開催をしていて、日々の

すべての家に、料理が楽しみになるキッチンを。「たのしいキッチン」のデザインについて

こんにちは、クックパッドのデザイナーのgoto（@__chhi）です👋 私たちたのしいキッチン事業部は2019年にスタートしたクックパッドの新規事業部です。プロダクトの仮説検証を進めていく中で、この度キッチンを購入しリフォームができるサービス「たのしいキッチン」を開始することになりました。このnoteでは、たのしいキッチンのミッションと、今回リリースしたサービスのデザインについてお話します。 🏠 なぜキッチンリフォームなのか？キッチンも料理の体験をつくる要素クック

【大公開】クックパッドのデザインサマーインターンシップ2022の開催レポート〜監督編〜

こんにちは。デザイナーのオオウチミナミ(＠mnmouchi)です。クックパッド株式会社では、2022年9月にデザイナー志望の学生を対象にしたサマーインターンシップを開催しました。この記事ではインターンシップ期間中の様子、インターンシップの参加者や携わった社員の声をお伝えします！ 🌞インターンシップについてインターンシップは下記の日程で開催しました。デザイナー向けの 3-day Product Design Course は、講義と実践形式でサービス開発の一連を学んで

大規模サービスのUIデザインを管理する工夫

2022年7月27日にFigma Japan Community Event「Figmaの活用策をシェアしよう！」でLTを行いましたので、その発表内容を公開します。以下、書き起こし内容です👇 たまい（@tmi_1064）です。現在はクックパッドにてレシピサービスアプリの体験設計・UIデザインに取り組んでいます。クックパッドのデザイン体制現在クックパッドでは、「毎日の料理を楽しみにする」ことを目標に料理に関する課題を解決できるプロダクトを3部署、合計9人のデザイナー体

デザインを超えて、サービス開発をたのしむ　Cookpad Designer Interview #02 tsukasio×にいづま

まずは自己紹介からtsukasio：レシピサービス開発部のデザイナーのtsukasioです。中途入社で6年目です。クックパッドの前は、Web制作会社でデザインやコーディングをしていたり、事業会社で新規事業立ち上げをしていました。にいづま：買物サービス開発部のデザイナーのにいづまです。クックパッドには2015年に入社し、子会社出向や育休なども経て、現在は買物サービス開発部でサービスデザイングループのグループリーダーをしながらデザイナーをしています。サービス開発以外には、クッ

クックパッドのデザイナー向けサマーインターンシップについて紹介します

2022年5月30日に開催された ReDesigner Online Meetup vol.21 にて、クックパッドのデザイナー向けサマーインターンシップについてお話しました。この記事ではイベントでお見せした資料を交えながら、サマーインターンシップの体験談やQ&Aをお届けします。サマーインターンシップに応募しようか迷っているデザイナー志望のあなたの背中を押す内容となっています🌞 🧑‍🍳 クックパッドのデザイナー向けインターンシップについてクックパッド株式会社では、デザ

兼務で見えた新しい世界 Cookpad Designer Interview #01 うぇい×にいづま

クックパッドのデザイナーってどんなことしてるの？どんな人がいるの？をインタビュー形式で紐解いていくシリーズ✨第1弾です。まずは自己紹介からうぇい：やさしい釣り事業部のデザイナーのうぇいです。UIデザインを中心に事業部のデザイン全般を担当しています。やさしい釣り事業部は2020年に子会社を吸収合併してできた事業部で、釣りをやさしくするためにいろんなことをやっているチームです。にいづま：買物サービス開発部のデザイナーのにいづまです。クックパッドには2015年に入社し、子会

UIUXデザイナーとしてイギリスに出向して感じたこと

クックパッド株式会社のブリストルオフィスでデザイナーをしている茅島です。新しくできた会社のプログラムで、半年間イギリスのブリストルオフィスに出向できるプログラムができたので応募して、去年の12月末からイギリスにいます。今回応募しようと思った動機は以下です。海外で生活してみたかったヨーロッパに行ってみたかった海外での仕事に興味があったグローバルに向けたサービス開発を学びたかった実際に生活してみて今までアジア圏の国には何度も行ったことがあったのですが、

レシピサービスと買い物を繋ぐ体験のデザイン

こんにちは、デザイナーの佐野大河 @sn_taiga です。今日はレシピサービスと買い物を繋ぐデザインについて話します。クックパッドで買い物できるようになった、その後の課題昨年クックパッドのiOSアプリで買い物機能をリリースしました。生鮮食品EC「クックパッドマート」の仕組みを使い、アプリ内の「かいもの」タブから買い物することができます。リリース後は機能認知の施策をいくつか打ち、一定数のユーザーに使ってもらえる状態にはなりました。しかし、ただ「クックパッドアプリ