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

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

記事一覧

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

はやい…!独学の未経験のアラサーが、UIデザイナーとして採用していただき実際に会社で働き始めてから約1年が経ちました。 この1年デザイナーになって感じたこと、やっ…

む
1年前
42

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

こんにちは。 かなりお休みしている期間が長かったですが、この度ご縁があって2021年夏にWeb/UIデザイナーとしてスタートアップの会社さんから内定をいただき、去年の秋か…

む
2年前
32

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

こんにちは、こんばんは。 今回は、ワイヤーフレームを元に架空のWebサイトデザインに挑戦した話を記録していこうと思います。 架空Webサイトのお題とワイヤーフレーム今…

む
3年前
36

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

こんにちは、こんばんは。UX/UI、Webデザイナーを夢見るアラサーOLむらさきです。 今回は、実際にあるサイトのデザイン改善を試みました。 1から自分でコンセプトやター…

む
3年前
8

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

今までのデザイン報告とは少し違う系統でnoteを書きます。 今回は、 iPadを購入してから「人生が180度変わった!」と言えるまでの実績はまだ無いけれど、確実にiPadを持…

む
3年前
54

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

こんにちは、こんばんは。 今回は、6月の1ヶ月間行っていたWebサイトのレビューの感想をだらだらと書いていこうと思います。 サイトレビューの概要 サイトレビューは…

む
3年前
31

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

こんにちは、こんばんは。 今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。(リンクは私のCocoda!内のポートフォリ…

む
4年前
1

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

17 家計簿アプリの支出入力画面 ①デザインの意図 項目や金額部分の表示はマネーフォワードさんのアプリを参考にさせていただきました。 家計簿を始めたばかりのユーザ…

む
4年前
1

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

こんにちは、こんばんは。 今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。(リンクは私のCocoda!内のポートフォリ…

む
4年前
3

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

こんにちは、こんばんは。 今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。 013 カレンダーアプリ ①デザインの…

む
4年前
5

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

こんにちは、こんばんは。 DailyCocodaの11〜20までが終了したので、今回から2つずつデザインの意図や工程などを振り返っていこうと思います。 011 お問い合わせ画面 …

む
4年前
3

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

こんにちは、こんばんは。 UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「009-天気予報アプリ」と「010-地図アプリ」のUIデザインをしたの…

む
4年前
2

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

こんにちは、こんばんは。 UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「007-フードデリバリーアプリ」と「008-計算機アプリ」のUIデザイ…

む
4年前
3

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

こんにちは、こんばんは。 UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「004-料理アプリ」と「006-音楽再生画面」のUIデザインをしたので…

む
4年前
3

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

こんにちは、こんばんは。 最近は感染症予防対策のため、在宅勤務をしています。(お菓子食べながら、好きな音楽を聞きながらのびのびやってます。ずっと在宅がいい。) …

む
4年前
3

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

こんにちは、こんばんは。 今回は、Daily Cocoda!の第二弾「新規登録画面」作成を行いました。 あまり、DailyCocoda!やDaily UIで1つ1つの分析や解説をしている方を見…

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

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

はやい…!独学の未経験のアラサーが、UIデザイナーとして採用していただき実際に会社で働き始めてから約1年が経ちました。

この1年デザイナーになって感じたこと、やったこと、デザイナーとしての
これからを書こうと思います。(自分の記録用)

夢だった職業、デザイナーになって感じたこと夢見てた職業「デザイナー」に実際になって感じたことは
「デザイナーになってよかった!」有難いことにこれにつきます。

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

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

こんにちは。

かなりお休みしている期間が長かったですが、この度ご縁があって2021年夏にWeb/UIデザイナーとしてスタートアップの会社さんから内定をいただき、去年の秋からデザイナーとして働いています。(働き始めて約5ヶ月とちょっと。このnoteを書き始めたのは入社1ヶ月目だったのに忘れてた)

今回は「デザイナー未経験のアラサー情シスOL」が「独学で」UIデザイナーとして転職した経緯、方法をゆ

もっとみる
架空の水族館サイトを作成&修正に挑戦

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

こんにちは、こんばんは。

今回は、ワイヤーフレームを元に架空のWebサイトデザインに挑戦した話を記録していこうと思います。

架空Webサイトのお題とワイヤーフレーム今回、架空のWebサイトのコンテンツ内容やターゲット、ワイヤーフレームは、あやさん(@ayaweb3)が作成して下さったものを参考に進めることにしました。

webディレクターのあやさんが、実際にデザイナーへの依頼用に作っていたもの

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

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

こんにちは、こんばんは。UX/UI、Webデザイナーを夢見るアラサーOLむらさきです。

今回は、実際にあるサイトのデザイン改善を試みました。

1から自分でコンセプトやターゲットを決めてデザインするのもいいですが、実際にコンセプトやターゲットが定められているものを改めてデザインし直すことも大変勉強になるのではないかと考えたからです。

XdのスライドとCocoda!にも掲載しました。

改善の対

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

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

今までのデザイン報告とは少し違う系統でnoteを書きます。

今回は、

iPadを購入してから「人生が180度変わった!」と言えるまでの実績はまだ無いけれど、確実にiPadを持ってから変化したこと

を、備忘録として書こうと思います。

iPadを購入して1年

iPad air3とApple Pencilを購入して約1年が経過しました。

1年前の夏、何を思ったのかiPadを購入。正直、iPa

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

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

こんにちは、こんばんは。

今回は、6月の1ヶ月間行っていたWebサイトのレビューの感想をだらだらと書いていこうと思います。

サイトレビューの概要

サイトレビューは「業種」「フォント」「配色(カラー)」「感想」を一枚にまとめる形で進めました。

◆Webサイトの選別

・muuuuu.orgさん

・iO3000さん

・デザインのことさん

・81-web.comさん などから選ばせていただ

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

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

こんにちは、こんばんは。

今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。(リンクは私のCocoda!内のポートフォリオです)

019 旅行予約アプリのフライト検索画面

①デザインの意図

旅行にいく前のワクワクする瞬間であるフライト検索をより楽しんでもらえるように、気分が高められるように現地の写真を背景に取り入れました。画像は、

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

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

17 家計簿アプリの支出入力画面

①デザインの意図

項目や金額部分の表示はマネーフォワードさんのアプリを参考にさせていただきました。

家計簿を始めたばかりのユーザーにとっては難しい項目があると、それだけで家計簿をつけるモチベーションが下がってしまいます。

そうならないために、項目は「金額」「日時」「カテゴリー」「支出元」のみで構成されており、カテゴリーは家計簿の堅苦しさを感じさせないような

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

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

こんにちは、こんばんは。

今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。(リンクは私のCocoda!内のポートフォリオです)

015 カメラアプリの撮影画面

①デザインの意図

写真がアプリの色味に左右させないされないように白をベースとして作成しました。

「最近写真撮影にハマった」人をユーザーとしているので、自撮りの用のカメラ

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

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

こんにちは、こんばんは。

今回も前回同様、以前作成したDailyCocodaのUIデザインの制作意図と反省点を書いていきたいと思います。

013 カレンダーアプリ

①デザインの意図ユーザーである「自律した自分を目指す女性」は1日の予定が詰まっていて、忙しいと考え、1日に複数の予定が入っていてもパッと確認できることを意識して作成しました。

マンスリーのカレンダーでも詳細を開かずに時間の確認が

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

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

こんにちは、こんばんは。

DailyCocodaの11〜20までが終了したので、今回から2つずつデザインの意図や工程などを振り返っていこうと思います。

011 お問い合わせ画面

①出されたお題とデザインの意図

<お題>

◆ユーザー:仕事のかたわら、プログラミング学習をはじめた社会人

◆コンセプト:わからないことや不具合はすぐに問い合わせられるプログラミング学習サービス(web)

◆雰

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

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

こんにちは、こんばんは。

UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「009-天気予報アプリ」と「010-地図アプリ」のUIデザインをしたので、工程と考えを簡単にまとめたいと思います。 

009 天気予報アプリ

①出されるお題とコンセプトから自分の考えを出す

ユーザー「20代半ばのビジネスマン」は働き盛りで忙しく、営業マンで外回りに行って外出して

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

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

こんにちは、こんばんは。

UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「007-フードデリバリーアプリ」と「008-計算機アプリ」のUIデザインをしたので、工程と考えを簡単にまとめたいと思います。

007 フードデリバリーアプリのリスト画面

①出されるお題とコンセプトから自分の考えを出す

ユーザーが「会社員」ということで、昼休みなどにデリバリーを使

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

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

こんにちは、こんばんは。

UIデザインの練習のためにDailyCocoda!をちょこちょこと進めています。今回は「004-料理アプリ」と「006-音楽再生画面」のUIデザインをしたので、工程と考えを簡単にまとめたいと思います。(#005はアプリのアイコン作成だったので作成工程は割愛。)
#004 料理アプリの検索画面

①出されるお題とコンセプトから自分の考えを出す

ユーザー「食べ盛りな子供

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

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

こんにちは、こんばんは。

最近は感染症予防対策のため、在宅勤務をしています。(お菓子食べながら、好きな音楽を聞きながらのびのびやってます。ずっと在宅がいい。)

さて、今回は第三回「メッセージ画面」のDaily Cocoda!の考察と反省です。

ほぼSlackのアプリのトレースのようになっていますが・・・それほど、ビジネス向けで使いやすいアプリなんだな〜と感じました。

では、いってみよ〜

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

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

こんにちは、こんばんは。

今回は、Daily Cocoda!の第二弾「新規登録画面」作成を行いました。

あまり、DailyCocoda!やDaily UIで1つ1つの分析や解説をしている方を見受けられないので不安ですが、今回もやっていきます・・・!

お題からイメージを展開するお題は以下の通りです。とりあえず、与えられた情報から想像ができるものを書き出して見ました。

ユーザーである「おしゃれ

もっとみる