mai

100日間デザインするエンジニア。

mai

100日間デザインするエンジニア。

記事一覧

Daily UI #6日目

6日目 User Profile 6日目のお題は「プロフィール画面」でした。 Daily Cocoda!にも同じテーマがあったので、そっちにも投稿してみました! Daily Cocoda!で以下のような…

mai
2年前
4

Daily UI #4日目 Calculator

4日目 Calculator 4日目のお題は「電卓」でした。 いろいろな電卓を眺めてみると、「÷、×、+、-」の並びが一般的なようですね。 Point使用場面は、スーパーの買い物時…

mai
2年前
3

Daily UI #3日目 Landing Page

3日目 Landing PageDaily UIではなくWeekly UIになりました。 3日目のお題は「ランディングページ」でした。 今回はNetflixとAmazon Primeを参考に「動画サブスク」のLP…

mai
3年前
7

Daily UI #2日目 Credit Card Checkout

2日目 Credit Card Checkout 2日目のお題は「クレジットカードの支払い」でした。 さっそく「シェア」が当てはめずらいお題でした。このサブスクの時代に「動画」を買う概…

mai
3年前
11

Daily UI #1日目 Sign Up

とある企業に新卒入社し、気が付くとエンジニアになってから早くも1年が経っていました。エンジニアがUI/UXの知識があることの重要性をものすごく感じた1年だったので、Dai…

mai
3年前
6
Daily UI #6日目

Daily UI #6日目

6日目 User Profile
6日目のお題は「プロフィール画面」でした。

Daily Cocoda!にも同じテーマがあったので、そっちにも投稿してみました!

Daily Cocoda!で以下のようなペルソナが与えられていたので、今回はそれに合わせてデザインしてみました!

ターゲット
プライベートも楽しむ働き盛りの女性
#26才女性 #JILLSTUART #LUMINE #きれいめ  #

もっとみる
Daily UI #4日目 Calculator

Daily UI #4日目 Calculator

4日目 Calculator
4日目のお題は「電卓」でした。

いろいろな電卓を眺めてみると、「÷、×、+、-」の並びが一般的なようですね。

Point使用場面は、スーパーの買い物時を想定しています。

買い物時ということで、よく使うスマホの電卓アプリを主に参考にしています。

領域配分

いろいろな電卓を眺めていると、「+」「0」「C」に領域を多く割くものが多く使用率の高さがうかがえます。買い

もっとみる
Daily UI #3日目 Landing Page

Daily UI #3日目 Landing Page

3日目 Landing PageDaily UIではなくWeekly UIになりました。

3日目のお題は「ランディングページ」でした。

今回はNetflixとAmazon Primeを参考に「動画サブスク」のLPを作成しました。

Point今回はユーザーになってもらうことを目標に、コンバージョンを無料体験登録にしました。

長さ

LPって縦にものすごーく長いイメージがありました。

無料だ

もっとみる
Daily UI #2日目 Credit Card Checkout

Daily UI #2日目 Credit Card Checkout

2日目 Credit Card Checkout
2日目のお題は「クレジットカードの支払い」でした。

さっそく「シェア」が当てはめずらいお題でした。このサブスクの時代に「動画」を買う概念もよく分からなかったですが、映画やドラマのような作品を購入してダウンロードする想定をして「動画」を設定に当てはめます。

Point今回は購入画面なので「購入してもらう」ことを目標にし「離脱率を減らす」ことを意識

もっとみる
Daily UI #1日目 Sign Up

Daily UI #1日目 Sign Up

とある企業に新卒入社し、気が付くとエンジニアになってから早くも1年が経っていました。エンジニアがUI/UXの知識があることの重要性をものすごく感じた1年だったので、Daily UIにトライしながらUI/UXを学んでいこうと思います!

全ての導線に意味を持たせる、インプットしたことをなるべく文字に残す、ことを目指して頑張ります!

業務でWebシステムを作っているので、それに合わせてなるべくWeb

もっとみる