Design

データ分析からUI改善

こんにちは。サービス開発部デザイナーの平塚です。 クックパッドでは一部のデザイナーは日々の業務でSQLを書いて数値を見たり、リリースした施策の分析を行っています。 このエントリーでは機能をリリースしてデータ分析し、そこからUI改善を行った事例につ…

ペンとふせんで!スマホUIのアイデアプロトタイピング

検索事業部のデザイナー倉光です。 今回は、開発現場でアイデア発散フェーズにやっていることの一例を紹介したいと思います。UIデザインの手法として比較的知名度は高く、デザイナー以外でも学びたいという要望も多い「ペーパープロトタイピング」についてで…

ユーザーをムフムフさせるための「お料理アルバム」デザインリニューアル

こんにちは、投稿開発部のデザイナー、木村です。主に、iOS/Androidのクックパッド App、また昨年から「お料理アルバム」というAppのデザインを担当しております。 今回は、お料理アルバムのデザインリニューアルを例に、既存サービスが持ってた課題をどのよ…

新規アプリのデザインで心がけたい5つのこと

こんにちは、株式会社トクバイ出向中のデザイナー 吉井です。 まだあまりご存知ない方も多いと思いますが、株式会社トクバイは2013年にクックパッドの新規事業としてスタートした「クックパッド特売情報」を分社化し、今年7月に設立されました。 それに伴い…

新サービス立ち上げ時の重要指標のデザイン

こんにちは、株式会社ビットジャーニーに出向中の出口 (@dex1t) です。ビットジャーニーでは、社内情報共有ツール Kibela*1のサービス設計やプロダクトマネジメントに責任を持ちつつ、エンジニアとして開発全般に携わっています。 今回は、新サービスの立ち…

ユーザーの気持ちを考えてデザインをするために大切なこと

こんにちは。クックパッド ダイエットのデザイナーの新妻です。 クックパッド ダイエットでは、「正しく食べてやせる」をコンセプトに銀座と代々木にある店舗でのダイエット指導と、ダイエット情報を毎日配信するメディアサイトの運営を管理栄養士と一緒に行…

より良いデザインにするために大切にしたいと思っていること

既存の機能をリデザインする際に大切にしたいことを事例をふまえてまとめました。

デザイン品質を高めるための仕組みづくり

安定したデザイン品質のモバイルアプリをユーザーさんに届けるために取り組んだ、デザインリリースマネージャの概要と成果について

数値改善サイクルを取り入れて、学びをサービスに活かす仕組みづくり

こんにちは!ユーザーファースト推進室のデザイナー木村と申します。 今回はクックパッドニュース編集部で取り組み始めた、数値改善のお話をご紹介したいと思います。 すでに数値改善をバリバリやってるサービス開発者の方には退屈な内容かもしれませんが、…

カジュアルレビューのススメ

こんにちは、ユーザーファースト推進室 デザイナーの吉井です。 現在は毎日の買い物を便利にする、クックパッド特売情報に関わるデザイン業務全般を担当しています。 さて、デザイナーの方なら誰しも経験があることだと思いますが、デスクに向かって黙々と仕…

「お料理アルバム」のアプリデザイン

こんにちは。投稿推進部の長野です。 先日クックパッドでは、お料理アルバムというアプリのAndroid版をリリースしました。 お料理アルバムは、毎日の料理写真をプライベートに記録・整理出来るアプリです。昨年iOS版をリリースし、その後バージョンアップを…

グループ会社の開発体制強化にデザイナーとして参加した話

こんにちは。ユーザーファースト推進室デザイナーの倉光です。 今年の春、クックパッドのグループ会社として株式会社みんなのウェディングが新たに仲間入りしました! クックパッド社員が新しいサービスを立ち上げて分社化することもありますが、今回のよう…

Cookpad Android TV Appのデザインで考えたこと

クックパッドのAndroidアプリを、TV向けプラットフォーム Android TVに対応する際に、デザイン面で検討した点をご紹介します

データドリブンでユーザー体験を改善する試み

こんにちは。サービス開発エンジニアの出口貴也 (@dex1t) です。 私は4月までユーザーファースト推進室にて、ユーザー体験の数値化や、その下地作りに取り組んでいました。まだ模索段階ではありますが、本エントリにてこの試みの現状をご紹介します。 点だけ…

200万品のレシピデータから感謝を伝えるインフォグラフィックを制作した話

ユーザーファースト推進室のデザイナー倉光です。今回はクックパッドのレシピが200万品に至るまでの歩みを紹介したインフォグラフィックの制作事例を紹介します。

フェーズと目的に応じたプロトタイピングの手法と意味

こんにちは。ユーザーファースト推進室の元山です。 みなさんはスマートフォンアプリケーションやWebサービスの開発・改善をするときにどのようなプロセスで行っているでしょうか?アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今…

月間1000万PVを支える「UIの言葉選び」のためのチェックリスト

クックパッド ダイエット事業室の田中です。昨年5月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「…

オリジナルフォントを使ったデザイン

こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか? ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使う…

/* */ @import "/css/theme/report/report.css"; /* */ /* */ body{ background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/c/cookpadtech/20140527/20140527163350.png'); background-repeat: repeat-x; background-color:transparent; background-attachment: scroll; background-position: left top;} /* */ body{ border-top: 3px solid orange; color: #3c3c3c; font-family: 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS Pゴシック', sans-serif; line-height: 1.8; font-size: 16px; } a { text-decoration: underline; color: #693e1c; } a:hover { color: #80400e; text-decoration: underline; } .entry-title a{ color: rgb(176, 108, 28); cursor: auto; display: inline; font-family: 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS Pゴシック', sans-serif; font-size: 30px; font-weight: bold; height: auto; line-height: 40.5px; text-decoration: underline solid rgb(176, 108, 28); width: auto; line-height: 1.35; } .date a { color: #9b8b6c; font-size: 14px; text-decoration: none; font-weight: normal; } .urllist-title-link { font-size: 14px; } /* Recent Entries */ .recent-entries a{ color: #693e1c; } .recent-entries a:visited { color: #4d2200; text-decoration: none; } .hatena-module-recent-entries li { padding-bottom: 8px; border-bottom-width: 0px; } /*Widget*/ .hatena-module-body li { list-style-type: circle; } .hatena-module-body a{ text-decoration: none; } .hatena-module-body a:hover{ text-decoration: underline; } /* Widget name */ .hatena-module-title, .hatena-module-title a{ color: #b06c1c; margin-top: 20px; margin-bottom: 7px; } /* work frame*/ #container { width: 970px; text-align: center; margin: 0 auto; background: transparent; padding: 0 30px; } #wrapper { float: left; overflow: hidden; width: 660px; } #box2 { width: 240px; float: right; font-size: 14px; word-wrap: break-word; } /*#blog-title-inner{*/ /*margin-top: 3px;*/ /*height: 125px;*/ /*background-position: left 0px;*/ /*}*/ /*.header-image-only #blog-title-inner {*/ /*background-repeat: no-repeat;*/ /*position: relative;*/ /*height: 200px;*/ /*display: none;*/ /*}*/ /*#blog-title {*/ /*margin-top: 3px;*/ /*height: 125px;*/ /*background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/c/cookpadtech/20140527/20140527172848.png');*/ /*background-repeat: no-repeat;*/ /*background-position: left 0px;*/ /*}*/