{"collectionById":{"3d6d52f4-0a1b-40c9-8839-9563e3971a6f":{"id":"3d6d52f4-0a1b-40c9-8839-9563e3971a6f","name":"Product","fieldSchemas":[{"id":"a2275068-ae26-4dd5-add4-275933767ea8","name":"Slug","type":"slug","role":"slug"},{"id":"78fea6df-e8e8-4ba1-9f02-f908076b9ca4","name":"Content","type":"rich_text"},{"id":"0f6df8f5-4267-4d99-8fab-1cd2be5d94d0","name":"Year Month","type":"plain_text"},{"id":"3182d33a-dbee-43c9-9931-b900cee1d70c","name":"Hero Image","type":"image"},{"id":"badcf77b-5823-44cc-b0e8-7ec1e5517e30","name":"Description","type":"rich_text"},{"id":"e0ae380c-e935-4fca-aed8-172e1433e42b","name":"The Team","type":"plain_text"},{"id":"f6bfb520-1580-4f3d-a778-52ca5b37a8b2","name":"Headline","type":"plain_text"},{"id":"85478f8e-e008-4e94-8f12-dab07a758371","name":"Client","type":"plain_text"},{"id":"626cbf40-144d-4ed3-92f4-31a2d8809f2a","name":"My Role","type":"plain_text"}],"itemById":{"6548df03-0587-4fe1-aa1a-c96febe33333":{"id":"6548df03-0587-4fe1-aa1a-c96febe33333","index":"~NNP","collectionId":"3d6d52f4-0a1b-40c9-8839-9563e3971a6f","fields":[{"id":"a4a914ba-cbb0-47c5-8a31-d6db82023807","value":"株式会社グッドイートカンパニー","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"85478f8e-e008-4e94-8f12-dab07a758371"},{"id":"8c208ff7-e4b6-45e4-8b48-2022c0da1255","value":"GOOD EAT CLUB ECサイト UI/UX改善・機能追加","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"f6bfb520-1580-4f3d-a778-52ca5b37a8b2"},{"id":"dd438098-8db9-435e-9e81-64250629af77","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"GOOD EAT CLUBは食を愛する人たちが選んだ商品を購入することができ、尚且つ店舗自体にもGOOD EAT CLUBを通してチップで支援のできるECサイトです。その中で私は配送ステータスページのリニューアルや、サブスクリプションの機能追加などのデザインを行いました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"badcf77b-5823-44cc-b0e8-7ec1e5517e30"},{"id":"9b8a72c9-6922-41a0-9dac-4ba8d4ef2028","value":"June 2022 - May 2023","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"0f6df8f5-4267-4d99-8fab-1cd2be5d94d0"},{"id":"e393a145-f9e6-4a3d-84ba-6ac591a8baca","value":"プロダクトマネージャー（1）、デザイナー（1）、フロントエンドエンジニア（3）、バックエンドエンジニア（3）","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"e0ae380c-e935-4fca-aed8-172e1433e42b"},{"id":"67cc7f45-1698-41d8-b968-0e8cbea8b4f9","value":"情報収集・リサーチ、情報設計、UIデザイン","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"626cbf40-144d-4ed3-92f4-31a2d8809f2a"},{"id":"5d002aca-7716-4988-95ad-91a5faa029a1","value":"{\"image\":\"731499c6f4e8b762a90a5103bfefbe095aba8065\",\"imageThumbnail\":\"da80ef8f50542a189a26fb4951383b2448aaba43\",\"originalImageHeight\":1458,\"originalImageWidth\":2550,\"altText\":\"\",\"fileName\":\"thumbneil_gec_uiux.png\"}","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"3182d33a-dbee-43c9-9931-b900cee1d70c"},{"id":"5d791ed2-3bf7-4074-962d-bd8118d87d61","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Project 01: 定期購入機能の追加\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Background\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"制作背景\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"GOOD EAT CLUBのオリジナル商品のサブスクリプション販売に合わせて、ECサイト内に定期購入機能追加のデザインを作成することになり、新規機能として設計を行いました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Problem\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"考えなければならなかったこと\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"制作開始時点では、細かな仕様が全て決まっていたわけではなかったのですが、複数の契約・状態・操作・情報をユーザーが管理できる形に落とし込む必要がありました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"例えば、以下になります。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"1人のユーザーが複数の商品をそれぞれ定期購入契約できること\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"value\":1},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"契約ごとに配送日や現在の契約状態が異なる可能性があること\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"value\":2},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"配送日の確認だけでなく、スキップや停止、解約などの操作ボタンが必要\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"value\":3}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"list\",\"version\":1,\"listType\":\"bullet\",\"start\":1,\"tag\":\"ul\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Process \u0026 Solution\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"課題から取り組みと工夫したこと\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"1. 仕様の検討のためのUIの叩き台作成\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"言葉のみで仕様を話すよりも、具体的な画面があったほうが必要な機能を検討しやすいと考え、UIの叩き台を作成いたしました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"2. UIを見ながらPMやエンジニアとの仕様検討\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"叩き台を元に必要なもの、不要なものの洗い出しとシステムの考慮の面も含めて、 PMやエンジニアとUI修正→MTG→再度修正のやり取りを重ねました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"その際にエンジニアより、「契約中にクレジットカードを変更することもある」という意見があり、クレジットカード情報の編集機能の追加を行いました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"3. 複数の契約を状態ごとに整理\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"定期購入を複数並行で行った場合や、契約の状態が異なることがあります。商品を【ご利用中】【スキップ】【停止中】【解約済み】の状態ごとにタブで分け、契約の進行状況を軸に整理し、ユーザーは何が動いていて動いていないのかが把握できるようにいたしました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"62d81eca8ed3f96cf87da517d00cd8ae38d690aa\",\"src\":\"https://s3-alpha-sig.figma.com/img/62d8/1eca/8ed3f96cf87da517d00cd8ae38d690aa?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=TM3U12u2shsm9z09mf9PeZ2xOLvM3fZQ~kWiE-6RtSj0kEqH9mT9lLNfGZi4IzjCbiBLwHRyzDUIziwK9zn6v9OF4YGJkpArCQ-gR2sJCvdqE6JB~NC8kYbv~DJmNR5L~KZ9TiV3AFe6gXsJ~y2umUdHNco~kOdtqoMfoohhUIEuQW27Y5WYwb6Mpe1Jy91daTNr5~veB5LzZ8fn0w33fa3XMa08nhM2drLFikgnW~lvyWc0GkuKLmZUUxks-pJqWtlXF6tl6hEuLKOHKv~OU~dUZacO8Jqgvre3vqLlqIGkg9ookEBRhSuPV-0fv2QNV1iGK5X8eIkiXjOfnCUxxw__\",\"altText\":\"\",\"originalImageWidth\":1920,\"originalImageHeight\":1039,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"4. 情報の利用頻度に合わせて優先度順位の設定\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"定期購入では、商品や配送日、スキップ・停止など頻繁に確認・操作する情報は見える位置に配置しました。一方、クレジットカードや配送先、過去の注文履歴など、頻繁には確認しない情報はアコーディオンにまとめ、モバイルでのスクロールが長くなりすぎないようにしました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"7ba156edd79b4cfcffbd5112fb5dde5c987f25bb\",\"src\":\"https://s3-alpha-sig.figma.com/img/7ba1/56ed/d79b4cfcffbd5112fb5dde5c987f25bb?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=XgjBq6ryGb1K4GcJ6M0SBMahds4MTxXrNk0nUWS41TRrGdUCKDylDPBQMESdydEx0faOyfi3rVgrUE3lV9wiZS3PKOmJzDetUlBon7X1GkoRUAsw4vfKbLNqJBC3ogNEGREoho8R-2o~Si81s7ujn-yGeF9i0csXPvwUUx3fR-7SaqpzhQtPpS8umXX~lgeYbH9UQlCh2cDB7yvbTUqie9CI5EJRmr5E~upFXB2CD8H7d681-Ffac4VmdXmO8Agsyr4gUeTuGH-4sc64mgqauCeLtgDP~6YG5VDKfvg76xzz58Ks-EQlw3e5UZzlOt0uEO5vqUAb6mAc6BUkX9onNw__\",\"altText\":\"\",\"originalImageWidth\":1920,\"originalImageHeight\":1042,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Project 02: 注文履歴の配送ステータスページのリニューアル\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Problem\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"課題と現状の配送設計ついて\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"現状の注文履歴ページでは配送伝票番号や配送状況がわからず、CSへの問い合わせが増えていたことから、PMより注文履歴ページの改善依頼がありました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"またこのサイトは、商品は店舗から直接発送される形で、1つの注文でも店舗が違えばそれぞれ別々に発送されるという流れです。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Process \u0026 Solution\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"課題から取り組みと工夫したこと\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"1. 複数に分かれる配送を、店舗単位で整理\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"商品は店舗ごとに発送されるので、一回の注文でも商品が複数あれば配送日にばらつきがあることがあります。そこで各荷物ごとに【現在の配送状況】【配送日】【伝票番号】【送料】を入れて、一つの配送状況にまとめました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"bc0054cfe11a18ff92b8dc6a46c777852c10d3f9\",\"src\":\"https://s3-alpha-sig.figma.com/img/bc00/54cf/e11a18ff92b8dc6a46c777852c10d3f9?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=C9UL0wou0uGZ70sFmEuv29hHaz4ipF71RfNDeLWVVXLK2ufRynELDSWMbqOzo1qJTcw9x8NzQUab3Y3vpJ3LpLZ44lLl8MFb7WTH9WuvKAaM4OHUkvwrS-W2dILn4Ue7616dF4H3kutc2iUNWF5mPC8Xw4fD1Do~yVaS2IyfYUPlsgBGMhd5MvrqXKqrz1FF4DxaRQGB8x9fbyhY9mWomBfcRbk3gB2ORnvwDumIuVUmMHROlDB2eVg8ceMgZV3RNTtNSeiL-edDVeq7e6HSB-IBqrwYnLJWtZiCuNNodoSAZFDHdo2v0Rn3ZieCExvVT6jj27Y2-3k6sOl2Ctfbpg__\",\"altText\":\"\",\"originalImageWidth\":1920,\"originalImageHeight\":1039,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"2. 配送の流れと現在のステータスを可視化\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"PM・エンジニアと配送ステータスの仕様を検討し、UIでは発送の流れと発送した商品の現在位置がわかるようにステータスバーを用いたデザインを提案しました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"また各ステータスをアイコン化し、現在の荷物のある場所を大きく表示させることで、自分の荷物のステータスがすぐにわかるようにし、ページを開くとステータスが現在位置まで移動するという挙動をつけて、更新されていることが感じられる表現にしてみました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"b2d4fc0a567e3a98d35b2b3815b5b90d44e29796\",\"src\":\"https://s3-alpha-sig.figma.com/img/b2d4/fc0a/567e3a98d35b2b3815b5b90d44e29796?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=iFc1Iato60Rm3JDIe~FAv-C9-aqt90HTSxM4X7~yHvdORAA7U~dnpXLmgfD4BgHIb5BLTOU2EqW-6VoDr9pjrMG1Zi2YHDNdMUw0KkCcB5sUzNdprdlf5~m46nVV3KFrc2KwQp2MffqTpDR8XCZFxOKpauDWYLBZBV9PSMojt730c7yI8BIwsueOT4E6chlNYXrqSl87Zy3UhM-68O4R5vUKekxgQeAI2lilFuXoanUUPBS4ZZHZtAOt8yOR6v2XVqvH4GFF029coF2q~kKg5rmNw076CCWw0l2J3Y-pQlaXzC1PDSheB9cj0qVCvYvGqEBSI-L8O4yqPP2-uviGNQ__\",\"altText\":\"\",\"originalImageWidth\":1920,\"originalImageHeight\":1042,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Project 03: レビュー機能追加\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Background\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"制作背景\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"PMからユーザーレビュー機能のRevicoのツールを使用して、レビュー機能追加の依頼があり、GOOD EAT CLUB内のTOPと詳細ページに機能追加を行いました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Problem\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"考えなければならなかったこと\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Revico側で扱える機能やデータは決まっていたので、その仕様をどうGOOD EAT CLUBのUIに落とし込むか考える必要がありました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"主に考える必要があったことは\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"レビュー一覧で、レビューコメントをどうみせるか\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"value\":1},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"星評価アイコンをGOOD EAT CLUBのトンマナの中でどう表現するか\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"value\":2},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"新たに加わった「高級感」というキーワードを、既存のトンマナとどう両立するか\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"value\":3}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"list\",\"version\":1,\"listType\":\"bullet\",\"start\":1,\"tag\":\"ul\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"上記の3つでした。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Process \u0026 Solution\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h6\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"課題から取り組みと工夫したこと\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h3\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"1. レビュー一覧の情報に優先順位をつける\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"タイトルがレビュー内容を読むためのキャッチになると考えたため、商品名よりもコメントタイトルを一番に目立たせるように太字にし、その下に星評価アイコン、コメント本文というように情報に強弱をつけました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"2. 星評価アイコンの色の検討\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"アイコンの色については、星として目立ちやすい【明るい黄色】、GOOD EAT CLUBのメインカラーを使用した【赤】、新しいトンマナキーワードとして出てきた「高級感」を持った【山吹色に近いゴールド】を候補にあげました。別のデザイナーより、幅広いユーザー層を踏まえ視認性も考慮したほうがいいとの意見をいただき、その観点を加えて検討し【山吹色に近いゴールド】を採用いたしました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"bb334b9ee05cf0fa1a7a75d55452afbc3cc0afb7\",\"src\":\"https://s3-alpha-sig.figma.com/img/bb33/4b9e/e05cf0fa1a7a75d55452afbc3cc0afb7?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=SyT9HE50~aY48~IqowcTQjU908MEhDXQ6LwZz9wUMYpxmYpprW5zDsqkkx9JVhwKacciCcD0fql5YOJ4kAfIVg8TJKE3XOYrZqSTV2Cy~Q12dCcWExIP2YImvWsc453ssn~4rDlFAumNVigb6djJOx~Wgxybua8vwuElH-oON-dgFSRgHf3tEqaWqbJl4DzZz5xHcXRX2~Bh5mJyDP-oDeIKhc3pFsJp-TriubSJ3E81-Z~P53up6MN3N1JZTgHRWCPFp4oz42ZbFOTHoUUB3~VGvnwOxzYYRB0YXW4Js3kgAS~QIrmuFRDgCEBBO5jgtCsCExuEl8hWWVwg4Ve-dg__\",\"altText\":\"\",\"originalImageWidth\":1600,\"originalImageHeight\":868,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"6548df03-0587-4fe1-aa1a-c96febe33333","fieldSchemaId":"78fea6df-e8e8-4ba1-9f02-f908076b9ca4"}]}}}},"slugByItemId":{"51a6b979-db51-42b3-8370-faa43055ad41":"gec-designsystem","634ec4f3-2f58-40a2-a74e-fcb03327acab":"merce-ex","fb079ad9-a05b-48a7-8b4c-693b9211d34f":"zeon-web","6548df03-0587-4fe1-aa1a-c96febe33333":"gec-uiux"}}