Cookpad Design Magazine

186

本

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

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

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

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

Webアクセスの93%にデザインシステムを届けた実践方法

デザイン推進部の村山です。今回はレシピサービスのデザインシステムである「Apron」を用いたデザインリニューアルの取り組みについて紹介したいと思います。 PCデザインリニューアルプロジェクト「Taranome」デザイン推進部では2021年末から2022年3月までTaranomeというPCのデザインリニューアルプロジェクトを行っていました。長く手の入っていなかったPCWebの主要ページであるTOP、レシピ詳細、検索結果、レシピの投稿/編集画面をApronベースのデザインに変更

フェーズごとに見る！デザイン横断組織の変遷をポイント解説

こんにちは。クックパッドデザイン推進部のいちはらです。 2023年7月末。組織再編によってクックパッドのデザイン横断組織が役目を終えることになりました（前半の記事はこちら）。今回は、2019年にデザイン横断組織が発足してから解散するまでの４年間を３つの期（創成期/転換期/成熟期）に区切って、そのフェーズで起こっていた組織の変化を振り返りたいと思います。今後、横断部署を立ち上げる予定(立ち上げたばかり)の方。既に横断部署に所属している方や、デザイン組織に興味のある方の参考

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

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

デザイン部署が全社で価値を発揮するためのノウハウと実践

こんにちは、クックパッドデザイン推進部の市原です。 2023年の7月末、クックパッドのデザイン横断部署が組織再編によって解散することになりました。そこで2019年から2023年までの４年間に行われた施策と共に、その施策が行われた目的と、そこで得られた成果を紹介したいと思います。全社に対してデザイナー組織ならではの価値の届け方、組織改善や課題解決のアプローチのヒントになればと思います！！ ※全ての施策は部署のみんなで行ったもので私個人の成果ではないです。ずいぶん沢山