ぼい

デザイン会社にてPM的な事しています。

ぼい

デザイン会社にてPM的な事しています。

未経験からUIデザイナーになって1年が経ったので振り返ってみる。

こんにちは、ぼいと申します。 昨年未経験、異業種からUIデザイナーとして転職して以後、noteを一切更新しておりませんでした。 気づけば1年ちょっと経過しておりましたので、GWだしこの機会に1年を振り返ってみたいと思います。 今回は、よかったこと、課題となったこと、今後やりたいことの３つに分けて書いていきます。 🙋‍♂️私について2021年にデザイナーになるため前職（製造業の営業職）を退職。デザインの独学に集中して励む。その後、デザインコミュニティのBONOに参加しデザイ

ぼい

    • Daily UIに再チャレンジ #008-#020

      UIデザインを独学しております。ぼいです。 続けているDaily UIをただ振り返ります。 長いですけど。 引き続き下記のように進めました。 進め方 #008 404 page猫の足跡がついた404ページ。個人的に好きです。 404ページってどういうふうに作ったらいいのだろうということで調べました。 どうやら404ページをデザインする上で大切なことは、 ・サイト全体のデザインとの統一感 ・エラーページとわかること ・ユーザーが次に取りたいアクションの用意（サイト

      ぼい

      • Daily UIに再チャレンジ #001-#007

        UIデザインを独学しております。ぼいです。 最近Daily UIを再び始めました。 UIデザインを学ぶ人は一度は聞いたことがあるであろうDaily UIですが、お題が毎日メールで届き、そのお題をもとにWebやAppのUIをデザインをするというものです。 再び始めました、というのはデザインの勉強を始めた頃にやってみて2日で挫折したからです。笑 今回は、筋トレの如く習慣的に手を動かしたいと思いまして再チャレンジです。 とりあえず1週間続けられたので、振り返ってみたいと思い

        ぼい

        • Cocoda!お題「新規サービスTrideのアプリUIをデザインしよう！」に挑戦しました。

          デザインを独学中のぼいと申します。 noteの更新を怠っておりましたので、また再開したいと思います。笑 今回はCocoda!の実践お題にありました、「新規サービスTrideのアプリUIをデザインしよう！」に取り組みましたのでこれについて書いていきたいと思います。とは言っても、デザインしたのは9月なのですが。。もう11月が迫っていて恐ろしい。 お題にもっとうまく取り組めたのでは？と落ち込みすぎてnoteの更新も止まっていたわけですが、一度忘れて気持ちがフラットになった今、せ

          ぼい

        未経験からUIデザイナーになって1年が経ったので振り返ってみる。

        ぼい

        • Daily UIに再チャレンジ #008-#020

          ぼい

        • Daily UIに再チャレンジ #001-#007

          ぼい

        • Cocoda!お題「新規サービスTrideのアプリUIをデザインしよう！」に挑戦しました。

          ぼい

          Daily Cocoda! #46 - #50 完走

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 先々週にDaily Cocoda!(Daily UI)完走しました。長かったです。 働いていた時から始めて、途中やめたりしてマイペースにやっていたので半年以上かかってしまいました笑　続けるって本当に大変です。 ところで先日ツイッターで、デザイナーのマリコさんという方が下記を呟いて

          ぼい

          Daily Cocoda! #46 - #50 完走

          ぼい

          Daily Cocoda! #41 - #45

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 一個ずつアップするのが苦しくなってきたので（面倒なだけ）、Daily Cocoda!#41-45をまとめて振り返ってみます。 DailyUI #041 タイマー画面 タイマー画面を作成しました ⏱制作時間 2.0hr 👀ターゲット 集中して勉強したい受験生 📚参考にし

          ぼい

          Daily Cocoda! #41 - #45

          ぼい

          Daily Cocoda! #34 - #40

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 他のことに気を取られnoteの更新をサボっておりました。 というわけで、まとめて更新してみます。 DailyUI #034 メッセージ削除画面 👀ターゲット 　◾️ 仕事で忙しいビジネスマン 📚参考にしたもの 　◾️ LINE、Chatwork 、Day3の制作物 🙋

          ぼい

          Daily Cocoda! #34 - #40

          ぼい

          Daily Cocoda! #33

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「グッズ作成画面」でした。 参考にしたもの SUZURI、Seel、Prisma 意図 ・Floating Action Buttonを作ってみました。 ・作業するスペースを画面いっぱいに広げて作業に集中できるように。必要な時に必要なアクションをFABボタン

          ぼい

          Daily Cocoda! #33

          ぼい

          Daily Cocoda! #32

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「漫画アプリの本棚画面」でした。 参考にしたもの マンガボックス、めちゃコミック、ピッコマ、kindle 意図 入れた情報 ・画面タイトル　 　　　👉 ユーザーが今どこにいるかわかるように ・編集機能 　　👉 不要なもの消したり隠したりできる

          ぼい

          Daily Cocoda! #32

          ぼい

          Daily Cocoda! #31

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「フリマアプリの検索結果画面」でした。 参考にしたもの メルカリ、ラクマ、ebay、Spotify 意図 作ったもの 　　1. 検索画面 　　2.検索して見つからなかった時の画面 <検索画面> 検索画面、検索フィルター（アイコン）、探し方のサジェスト、

          ぼい

          Daily Cocoda! #31

          ぼい

          Daily Cocoda! #30

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「ECサイトのカート内の画面」でした。 参考にしたもの ZOZOTOWN、Amazon 意図 ✍️ 導入した情報 ・商品点数 ・商品内容 ・個数 ・削除ボタン ・価格 ・レジへ進むボタン ・戻るボタン ✍️ ユーザーが今どこにいるのか、どこから来たのか

          ぼい

          Daily Cocoda! #30

          ぼい

          Daily Cocoda! #29

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「お店を探すスワイプ画面」でした。 参考にしたもの Google map、食べログ、Netflix 意図 スワイプするカードに料理の写真、お店の名前、お店の評価、徒歩での時間を盛り込みました。2パターン作りました。 1つ目は（真ん中）、地図状にカードが表示さ

          ぼい

          Daily Cocoda! #29

          ぼい

          Daily Cocoda! #28

          デザインを独学しております。ぼいです。 デザインをインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「美容院予約サイトの404ページ」でした。 参考にしたもの ググって見つけた404ページ 意図 ・人が風船を持ったイラストを載せて、残念な感じではなく明るい雰囲気を。イラストはいつもお世話になっているAdobe XDプラグインのundrawを使用しました。

          ぼい

          Daily Cocoda! #28

          ぼい

          Daily Cocoda! #27

          デザインを独学しております。ぼいです。 デザインのインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「クレジット情報の入力画面」でした。 参考にしたもの ググって見つけた下記の記事 UX Collectiveに掲載されたGabriel Tomescu氏の記事（2015年6月28日） Reproさんの記事（2021年2月3日） まだ全部読み切ってはいないんで

          ぼい

          Daily Cocoda! #27

          ぼい

          Daily Cocoda! #26

          デザインを独学しております。ぼいです。 デザインに関してインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は、「クイズゲームのランキング」でした。 参考にしたもの 他の投稿者さま、Dribbbleの投稿 情報 ・順位、ユーザーアイコン、アカウント名、ポイント数 ・年間、週間、月間とランキングの対象期間を変更できるように。 ・友人との競い合いを意識させるためにユー

          ぼい

          Daily Cocoda! #26

          ぼい

          Daily Cocoda! #25

          デザインを独学しております。ぼいです。 デザインに関してインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をやっております。 今回のお題は決済アプリのリワードモーダルでした。 まずリワードモーダル（Reward Modal）って何？😇 モーダルって、ポップアップみたいにヒョコって出てくるやつですよね？と思って一応調べたら、どうやら提示されている操作を完了させないと別の操作ができるなくなるウィンド

          ぼい

          Daily Cocoda! #25

          ぼい