む

元)情シスのアラサーOL→未経験からスタートアップのUIデザイナー

む

元)情シスのアラサーOL→未経験からスタートアップのUIデザイナー

アラサーOLが独学でUIデザイナーになって約１年が経った

はやい…！独学の未経験のアラサーが、UIデザイナーとして採用していただき実際に会社で働き始めてから約１年が経ちました。 この１年デザイナーになって感じたこと、やったこと、デザイナーとしての これからを書こうと思います。（自分の記録用） 夢だった職業、デザイナーになって感じたこと夢見てた職業「デザイナー」に実際になって感じたことは 「デザイナーになってよかった！」有難いことにこれにつきます。 やっぱりデザイン楽しいです。 難しくて大変だと感じることもありますが、"仕事"だ

む

    • 【転職】アラサーOLが独学でUIデザイナーになった話【未経験】

      こんにちは。 かなりお休みしている期間が長かったですが、この度ご縁があって2021年夏にWeb/UIデザイナーとしてスタートアップの会社さんから内定をいただき、去年の秋からデザイナーとして働いています。（働き始めて約5ヶ月とちょっと。このnoteを書き始めたのは入社1ヶ月目だったのに忘れてた） 今回は「デザイナー未経験のアラサー情シスOL」が「独学で」UIデザイナーとして転職した経緯、方法をゆる〜く書けたらなと思います。（個人の記録用） １、自己紹介と転職までの流れ

      む

      • 架空の水族館サイトを作成＆修正に挑戦

        こんにちは、こんばんは。 今回は、ワイヤーフレームを元に架空のWebサイトデザインに挑戦した話を記録していこうと思います。 架空Webサイトのお題とワイヤーフレーム今回、架空のWebサイトのコンテンツ内容やターゲット、ワイヤーフレームは、あやさん（＠ayaweb3）が作成して下さったものを参考に進めることにしました。 webディレクターのあやさんが、実際にデザイナーへの依頼用に作っていたもので、ほぼ実務で使用されていたものだそうです！ １から架空のサイト構造などを自分

        む

        • デザイン勉強中の初心者が既存サイトのデザイン改善をしてみた話

          こんにちは、こんばんは。UX/UI、Webデザイナーを夢見るアラサーOLむらさきです。 今回は、実際にあるサイトのデザイン改善を試みました。 １から自分でコンセプトやターゲットを決めてデザインするのもいいですが、実際にコンセプトやターゲットが定められているものを改めてデザインし直すことも大変勉強になるのではないかと考えたからです。 XdのスライドとCocoda!にも掲載しました。 改善の対象とするサイトを見つける課題としたサイトは「成城石井」さんのサイトです。 作業

          む

        アラサーOLが独学でUIデザイナーになって約１年が経った

        む

        • 【転職】アラサーOLが独学でUIデザイナーになった話【未経験】

          む

        • 架空の水族館サイトを作成＆修正に挑戦

          む

        • デザイン勉強中の初心者が既存サイトのデザイン改善をしてみた話

          む

          iPadを購入してから、自分が180°くらい変わりそうになってる話

          今までのデザイン報告とは少し違う系統でnoteを書きます。 今回は、 iPadを購入してから「人生が180度変わった！」と言えるまでの実績はまだ無いけれど、確実にiPadを持ってから変化したこと を、備忘録として書こうと思います。 iPadを購入して１年 iPad air3とApple Pencilを購入して約１年が経過しました。 １年前の夏、何を思ったのかiPadを購入。正直、iPadを購入して具体的に何がしたかったのか覚えていません。購入する前までは、本当に無

          む

          iPadを購入してから、自分が180°くらい変わりそうになってる話

          む

          デザイン初心者が1日1サイトレビューを30日間継続した方法と分かったこと。

          こんにちは、こんばんは。 今回は、６月の１ヶ月間行っていたWebサイトのレビューの感想をだらだらと書いていこうと思います。 サイトレビューの概要 サイトレビューは「業種」「フォント」「配色（カラー）」「感想」を一枚にまとめる形で進めました。 ◆Webサイトの選別 ・muuuuu.orgさん ・iO3000さん ・デザインのことさん ・81-web.comさん　などから選ばせていただきました。 ◆フォントデータの取得 定番の「What font 」さんを利用

          む

          デザイン初心者が1日1サイトレビューを30日間継続した方法と分かったこと。

          む

          DailyCocoda!「#19旅行予約アプリのフライト検索画面 」&「#18ライブ配信アプリのライブ画面」のUIデザインの制作意図と反省

          こんにちは、こんばんは。 今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。（リンクは私のCocoda!内のポートフォリオです） 019 旅行予約アプリのフライト検索画面 ①デザインの意図 旅行にいく前のワクワクする瞬間であるフライト検索をより楽しんでもらえるように、気分が高められるように現地の写真を背景に取り入れました。画像は、目的地を入力した段階で反映されるようにします。 また、他の国に変更すると背景も

          む

          DailyCocoda!「#19旅行予約アプリのフライト検索画面 」&「#18ライブ配信アプリのライブ画面」のUIデザインの制作意図と反省

          む

          DailyCocoda!「#17家計簿アプリの支出入力画面 」&「#18ECサイトの商品紹介画面」のUIデザインの制作意図と反省

          17 家計簿アプリの支出入力画面 ①デザインの意図 項目や金額部分の表示はマネーフォワードさんのアプリを参考にさせていただきました。 家計簿を始めたばかりのユーザーにとっては難しい項目があると、それだけで家計簿をつけるモチベーションが下がってしまいます。 そうならないために、項目は「金額」「日時」「カテゴリー」「支出元」のみで構成されており、カテゴリーは家計簿の堅苦しさを感じさせないようなアイコンとカラーにしました。 そして、家計簿をつけ初めて最も意識することが「月

          む

          DailyCocoda!「#17家計簿アプリの支出入力画面 」&「#18ECサイトの商品紹介画面」のUIデザインの制作意図と反省

          む

          DailyCocoda!「#15カメラアプリの撮影画面 」&「#16ニュースアプリのカテゴリ選択画面」のUIデザインの制作意図と反省

          こんにちは、こんばんは。 今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。（リンクは私のCocoda!内のポートフォリオです） 015 カメラアプリの撮影画面 ①デザインの意図 写真がアプリの色味に左右させないされないように白をベースとして作成しました。 「最近写真撮影にハマった」人をユーザーとしているので、自撮りの用のカメラというよりは、食べ物や景色を楽しく簡単に写真撮影してもらいたいと考えて機能は極め

          む

          DailyCocoda!「#15カメラアプリの撮影画面 」&「#16ニュースアプリのカテゴリ選択画面」のUIデザインの制作意図と反省

          む

          DailyCocoda!「#13カレンダーアプリ 」&「#14読書記録アプリ」のUIデザインの制作意図と反省

          こんにちは、こんばんは。 今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。 013 カレンダーアプリ ①デザインの意図ユーザーである「自律した自分を目指す女性」は１日の予定が詰まっていて、忙しいと考え、１日に複数の予定が入っていてもパッと確認できることを意識して作成しました。 マンスリーのカレンダーでも詳細を開かずに時間の確認ができるように、予定のカラーと合わせて時間が表示されるようにしました。 ②課題と

          む

          DailyCocoda!「#13カレンダーアプリ 」&「#14読書記録アプリ」のUIデザインの制作意図と反省

          む

          DailyCocoda!「#11お問い合わせ画面 」&「#12料理レシピアプリ」のUIデザインの作成工程と考え

          こんにちは、こんばんは。 DailyCocodaの11〜20までが終了したので、今回から２つずつデザインの意図や工程などを振り返っていこうと思います。 011 お問い合わせ画面 ①出されたお題とデザインの意図 ＜お題＞ ◆ユーザー：仕事のかたわら、プログラミング学習をはじめた社会人 ◆コンセプト：わからないことや不具合はすぐに問い合わせられるプログラミング学習サービス(web) ◆雰囲気：はじめてでも気軽に取り組めるような空気感 今回は、いつものようにアプリの

          む

          DailyCocoda!「#11お問い合わせ画面 」&「#12料理レシピアプリ」のUIデザインの作成工程と考え

          む

          DailyCocoda!「#9 天気予報アプリ」&「#10地図アプリ」アプリのUIデザインの作成工程と考え

          こんにちは、こんばんは。 UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「009-天気予報アプリ」と「010-地図アプリ」のUIデザインをしたので、工程と考えを簡単にまとめたいと思います。　 009　天気予報アプリ ①出されるお題とコンセプトから自分の考えを出す ユーザー「20代半ばのビジネスマン」は働き盛りで忙しく、営業マンで外回りに行って外出していると想定。 コンセプトは「出勤前にさっと確認」なので、ボタンをタップなどの操

          む

          DailyCocoda!「#9 天気予報アプリ」&「#10地図アプリ」アプリのUIデザインの作成工程と考え

          む

          DailyCocoda!「#7フードデリバリー」&「#8計算機」アプリのUIデザインの作成工程と考え

          こんにちは、こんばんは。 UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「007-フードデリバリーアプリ」と「008-計算機アプリ」のUIデザインをしたので、工程と考えを簡単にまとめたいと思います。 007 フードデリバリーアプリのリスト画面 ①出されるお題とコンセプトから自分の考えを出す ユーザーが「会社員」ということで、昼休みなどにデリバリーを使用すると想定。お昼休みに時間内に限りがあるので時間表示や時間でフィルターをかける

          む

          DailyCocoda!「#7フードデリバリー」&「#8計算機」アプリのUIデザインの作成工程と考え

          む

          DailyCocoda!「#4料理検索画面」&「#6音楽再生画面」のUIデザインの作成工程と考え

          こんにちは、こんばんは。 UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「004-料理アプリ」と「006-音楽再生画面」のUIデザインをしたので、工程と考えを簡単にまとめたいと思います。（#005はアプリのアイコン作成だったので作成工程は割愛。） #004 料理アプリの検索画面 ①出されるお題とコンセプトから自分の考えを出す ユーザー「食べ盛りな子供を持つ夫婦」・・・スマホを見ている時間をなるべく時間を短縮してすぐに料理に取り掛

          む

          DailyCocoda!「#4料理検索画面」&「#6音楽再生画面」のUIデザインの作成工程と考え

          む

          Daily Cocoda!#003-メッセージアプリ画面のUIデザイン作成-

          こんにちは、こんばんは。 最近は感染症予防対策のため、在宅勤務をしています。（お菓子食べながら、好きな音楽を聞きながらのびのびやってます。ずっと在宅がいい。） さて、今回は第三回「メッセージ画面」のDaily Cocoda!の考察と反省です。 ほぼSlackのアプリのトレースのようになっていますが・・・それほど、ビジネス向けで使いやすいアプリなんだな〜と感じました。 では、いってみよ〜 お題からイメージを展開する まずは、手書きで。Goodnotesに殴り書きです

          む

          Daily Cocoda!#003-メッセージアプリ画面のUIデザイン作成-

          む

          Daily Cocoda!#002-新規登録画面のUIデザイン作成-

          こんにちは、こんばんは。 今回は、Daily Cocoda!の第二弾「新規登録画面」作成を行いました。 あまり、DailyCocoda!やDaily UIで１つ１つの分析や解説をしている方を見受けられないので不安ですが、今回もやっていきます・・・！ お題からイメージを展開するお題は以下の通りです。とりあえず、与えられた情報から想像ができるものを書き出して見ました。 ユーザーである「おしゃれ好きな男子大学生」と雰囲気の「カジュアル、おしゃれ」をイメージするために、ins

          む

          Daily Cocoda!#002-新規登録画面のUIデザイン作成-

          む