マガジンのカバー画像

TSUMIKI UIデザイン

109
つみきのUIデザインに関する記事をまとめています。 UIデザイン、インタラクションデザインなどお気軽にご相談ください。 https://uid.tsumikiinc.com/
運営しているクリエイター

記事一覧

つみきさんTwitter投稿まとめ その2

つみきのTwitterで画像投稿したツイートを10個まとめました。 UIデザイン 情報設計 気をつけるポイント その1UIデザインの設計時に気をつけるポイントをまとめました。 親見出しのタイトルとタブのタイトルは変更する。 次の行動を予測しづらいボタンを置かない。 UIデザイン 情報設計 気をつけるポイント その2UIデザインの設計時に気をつけたいポイントをまとめました。 表記揺れしない。 無闇やたらと、タブやセグメントで分けない。 つみき UIデザインの流れつ

スキ
3

プロジェクト事例 - TSUTAYA DISCASアプリのUIデザイン

つみきは、宅配DVDレンタルサービス「TSUTAYA DISCASアプリ」のUIデザインを担当しました。 「TSUTAYA DISCAS」は自宅にいながらDVDやCDをレンタルできるサービスで、膨大な在庫数から検索することができます。VODサービスにはない作品もレンタルできることが特徴で幅広い年齢層の方にお使いいただいております。 ※ 各画面の表示内容や機能はデザイン制作時点のものです。 はじめに既存のアプリが5年以上前に作られており、デザインが古い印象であったり使いにく

スキ
23

つみきさんTwitter投稿まとめ その1

つみきのTwitterで画像投稿したツイートを10個まとめました。 つみきオススメUIデザイン書籍つみきメンバーが読んで良かったUIデザインの本を4冊紹介しました。 基本的な書体とキーワード 和文編現場でよく使われる和文書体の明朝体、ゴシック体、丸ゴシック、楷書体を紹介しています。 基本的な書体とキーワード 欧文編現場でよく使われる欧文書体のRoman、Sans serif、Script、Slab Serifを紹介しています。 つみきデザイナーがよく利用するギャラリー

スキ
20

無料ECサイト診断をはじめます

つみきの『D2Cデザインパートナーサービス』の一環として、無料ECサイト診断をはじめます。お申し込みいただいたECサイトについて簡単な調査をした後に改善ポイントをまとめた資料を初回無料で作成します。 01 |こんなお悩みお持ちでないでしょうか?どんなに魅力的な商品でも、顧客に正しく伝わっていなかったり、購入しづらいECサイトでは思ったような売上が見込めません。 02 |つみきの取り組みつみきの『D2Cデザインパートナーサービス』では、以下のような取り組みを行っています。

スキ
10

猫大好きデザイナーが、マジで欲しいペットサービスを考えてみた

こんにちは。黒猫「との(4歳)」と暮らしている家来こと、つみきのデザイナーの若月です。本日2/22は猫の日なので、以前検討したペットサービスの企画をドロップしてみようと思います。 Chek it Out!! 🐈‍⬛ きっかけオンラインで猫が好きそうな玩具を購入しました。これは、猫がご機嫌に遊び狂うだろうなと。可愛くはしゃぐ姿を想像し、胸を躍らせながら商品を開封し、ねっこに見せてみたところ。。 困ったことに全く見向きもしません。嘘だろ・・5,000円もしたんだぜ😭 むしろ玩

スキ
22

入力されやすいショッピングカートって? 「最適なUI」を考えてみた

こんにちは。つみきのデザイナーの若月です。今回は前回の続き、ショッピングカートのベストプラクティス案を考えてみます。前回の記事はこちら👇 01 | 各社カートの違い (おさらい)02 | プロトタイピング作成各社のカートを比較検討した上で、ベストプラクティス案を作ってみました。全体の流れは👇からも確認できます 03 | 説明-カート画面商品レコメンドは購入につながる可能性が増えるので採用。また、〇〇円以上で送料無料の近くにレイアウトすることで、送料を気にするユーザーにも刺

スキ
22

ECの顧客体験をシンプルに考える

私は、映画レビューアプリ『Filmarks』を開発・運営する株式会社つみきで、クライアントワーク中心のUIデザイン事業のチームに所属しアプリやWEBの制作ディレクション・情報設計などを主に担当しています。 現在UIデザインチームではECの成長支援サービスに取り組んでいます。 今回の記事ではECの顧客体験について自分なりに考え方をまとめてみました。 はじめに世の中に数多とあるブランドやプロダクト、それらを販売するオンラインショップがひしめく中で、競合と差別化を図りながら顧客

スキ
29

身近で見つけたWeb・アプリのUXライティング事例 vol.4

こんにちは。最近気になった、Web・アプリでのUXライティングを4つご紹介します。 TwitterTwitter(アプリ)でリツイートをしようとしたらこんなメッセージが😲 まず記事を読んでみませんか? どうやら記事URL付きの投稿を、記事を読まずにリツイートしようとすると表示されるようです。 ちょっとギクッ!としますね😨 「まず記事を読んでみませんか?」をタップすると、 リンク先をお読みいただきありがとうございます という返答メッセージに切り替わり、2〜3秒後リ

スキ
27

Shopify導入の老舗食品ECサイト、購入体験を深めるアイディアを考えてみた

こんにちは。株式会社つみきでライターとディレクターをやってます、3度のメシより酒が好きな38歳です。 先日嫁さんからバレンタインデーにチョコレート……ではなく、酒盗&おつまみセットをいただいちゃいました。そんなわけで、さらにお酒がススムくんな日々です。 とても美味しいこの酒盗をつくっているのは、しいの食品というメーカーさん。明治創業の120年以上も続く老舗でした! 「酒盗といえば、しいの食品」というコピーのとおり、マグロとカツオの酒盗は国内トップシェア。「酒盗」とググる

スキ
16

EC事業を成長支援するサービスの取り組み(〜2022年2月までのまとめ)

つみきUIデザインでは昨年よりEC事業やオンラインショップの成長を支援する『D2Cデザインパートナーサービス』に力を入れています。 本記事では、2022年2月までnoteで発信してきた記事などをまとめてご紹介します。 D2Cデザインパートナーサービス サービス紹介サイト ECサイト制作 プロジェクト事例直近のプロジェクト事例2件をご紹介します。 クライアントへのインタビュー「はじめの100本」オンラインショップ構築を担当させて頂いたIMADEYAさんへのインタビュ

スキ
6

ECサイトのショッピングカートを比べて気づいた事

こんにちは。つみきのデザイナーの若月です。 ショッピングカートのUIデザインを考えるにあたり、参考に既存のカートを調べてみました。調査対象は👇になります。 ⚠購入完了まで進んでないので、確認フェイズまでの内容になってます。 ⚠各プラットフォームは事例を参照しているので、機能が全て含まれてなかったり変更されている可能性があります。 01 | BASE02 | STORES03 | Shopify04 | ZOZOTOWN05 | 楽天06 | Amazon07 | まとめ普

スキ
22

ディレクションを支える基礎的な指針、5つ

私は、映画レビューアプリ『Filmarks』を開発・運営する株式会社つみきで、クライアントワーク中心のUIデザイン事業のチームに所属しアプリやWEBの制作ディレクション・情報設計などを主に担当しています。 これまでの仕事(主にクライアントワーク)を通して得たものとして、ディレクションという仕事に対する今の自分の柱のようになっている考え方、シンプルで基礎的な指針のようなものが5つほどあります。 本記事はその5つについてご紹介します。 1. 一歩踏み込んだヒアリングをするプ

スキ
145

Twitter運用の参考に!食品系EC/D2C公式アカウント事例4選

商品情報の発信、購入後のアフターフォロー、見込み客の獲得など、ECサイトにおいて欠かせないTwitter運用。今回は、特長的な食品系EC/D2Cの公式アカウントを4つを調査してみました。 日頃提供する情報の価値の高さ、接客体験の再現がTwitter運用のカギになりそうです。 01. Mr.CHEESECAKE 👉  Point ・新商品など公式情報を定期ツイート ・トーン&マナーを統一した写真 ・シンプルなコミュニケーション ・アンケート機能の活用 日曜・月曜にWEB

スキ
18

Shopifyの商品レビュー機能を調査!食品系ECサイト事例5選

ECサイトの開設/運営プラットフォーム・Shopifyのストアでは、どのような商品レビュー機能を設定できるのでしょうか。 購入者の商品レビューは売上を大きく左右するコンテンツ。実際にShopifyの食品系ECサイトを見て、調べてみました。 01.homeal 幼児食宅配のhomeal。その商品ページのレビュー部分では、名前、評価(★5段階評価)、レビュータイトル、レビュー本文、写真、動画が表示されていました。 Amazonのように★評価の全体割合が表示されており、レビュ

スキ
18