マガジンのカバー画像

Cookpad Design Magazine

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

#figma

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

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

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

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

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

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

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

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

Figmaでここまで!?ゼロからはじめるUIアニメーションデザイン

クックパッド デザイナーのよーた(@yotaszk)です。突然ですが、あなたは「Figma」にどんなイメージをもっていますか? UIデザインツール?、プロトタイプングツール?・・・もしそのイメージだけに留まっているなら、めっちゃ勿体無い。めっちゃ勿体無いです(本当に勿体無いので2回)。 もちろん基本的な機能は、UIデザインやプロトタイピングです。ただし、Figma Communityのプラグインを活用することで、3Dデザイン・アニメーションなど、ハイクオリティなデザインを

最適解でつくる。Komerco(コメルコ)のデザインシステムをつくった時の話し

Komercoのデザイナーうえのです。 UIだけではなくPdMにも片足つっこみながら、一人デザイナーやってます。 今回は、Komercoのデザインルールを定義して、言語化、可視化している話しを書きます。 今回の記事化のきっかけ今回はCookpadの社内Blog「Groupad(グルーパッド)」で書いた記事です。他部署のエンジニアさんから、嬉しいお言葉をいただいたので、Designers Magazineで公開してみようと思いました。(新井さん、嬉しかったです🥹) デザイ

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

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

オンライン転職/入社のコミュニケーションを加速させるFigmaのメリット

まちぇり(@macheri_me)です。2年ぶりの投稿…!1歳8ヶ月になった娘はイヤイヤ期突入し、毎日白目向きながらデザイナーやってます。 そんな感じでプライベートも世の中も大変な時期ですが、最近の大きな出来事といえば転職活動・入社をすべてオンラインで行いました。2020年8月よりクックパッド株式会社のクックパッドマートチームにジョイン。 テレワーク中心(週1出社)ですがたくさんの仲間に囲まれ、ハイスピードで大きなデザイン施策をどんどん任せてもらえています!お仕事楽しい!

フルリモートでも仕事のスピードを落とさないためのFigma活用術

こんにちは。クックパッドデザイナーの新妻 里夏です。 今回はデザインツールのFigmaが、デザインの現場でこんな感じで活躍してるよ〜というお話です。 はじめに クックパッドは3月1日から人気順の無料開放などを行い、ユーザーさんやテレビ等のメディアから沢山の反響をいただきました。これらの取り組みを「やろう!」と意思決定しリリースするまでの期間は・・・なんと2日間! なるべく早くユーザーさんにサービスを提供したい!ということで、急遽休日作業することになった為、稼働できるメンバ