MIYAKO

Designer

MIYAKO

Designer

  • UIデザイン

  • グラフィックデザイン

  • Webデザイン

  • DailyUI

  • ママスぺWebデザイン講座

    ママスぺWebデザイン講座の課題として制作したもの。

すべてのマガジンを表示

リデザイン｜Nobi for Team ユーザ詳細画面

［概略］ 転職課題として、株式会社enstem様の自社サービス『Nobi for Team』のダッシュボードをリデザインしました。 01｜Nobi for Teamって何？『Nobi for Team』は、スマートウォッチから取得した「カラダデータ」とアンケートによる「主観データ」から、組織やチームのパフォーマンス状態を可視化することができるツールです。 02 | 課題の内容と目的頂いた課題※メールより一部抜粋 添付した画面のリデザインをお願いします。 提出時になぜその

MIYAKO

    • ダッシュボードデザイン｜capdog

      ［概略］ 株式会社Libora様の自社サービス『capdog』のダッシュボードをデザインしました。『capdog』は、エンジニアのチームカイゼンのきっかけを提供するツールとしてリリースを予定されています。 チームのパフォーマンス・生産性を可視化することを目的としているため、グラフが主体となるようにデザインしました。 何の項目がどのように変化しているのか、どの程度変化しているのかがひと目でわかるようシンプルな見た目にしました。 --- #ポートフォリオ #UIデザイン #デ

      MIYAKO

      • グラフレポート｜capdog

        ［概略］ 株式会社Libora様の自社サービス『capdog』のMVPとなるグラフレポートのデザインをしました。『capdog』は、エンジニアのチームカイゼンのきっかけを提供するツールとしてリリースを予定されています。 チームのパフォーマンス・生産性を可視化することを目的としているため、グラフが主体となるようにデザインしました。 また、週次で送付されるレポートを想定していたため、何の項目がどのように変化しているのか、前の週と比較してどの程度変化しているのかがひと目でわかるよ

        MIYAKO

        • LPデザイン｜MOOTON

          ［概略］ 株式会社Libora様の自社サービス『MOOTON』リリース用のLPをデザインしました。『MOOTON』は『capdog』の前身にあたり、エンジニアのチームカイゼンのきっかけを提供するツールとしてリリースを予定されていました。 ※テキストは全て仮のものです。 こちらは自分のパフォーマンス・生産性を可視化するプロダクト(MOOTON)のLPデザインです。MOOTONとしてリリースされることはありませんでしたが、「capdog」としてα版ユーザー事前募集の際にデザイ

          MIYAKO

        リデザイン｜Nobi for Team ユーザ詳細画面

        MIYAKO

        マガジン

        • UIデザイン
          3本
        • グラフィックデザイン
          8本
        • Webデザイン
          3本
        • DailyUI
          5本
        • ママスぺWebデザイン講座
          11本
        • バナートレース
          6本

        記事

          ダッシュボードデザイン｜MOOTON

          ［概略］ 株式会社Libora様の自社サービス『MOOTON』のダッシュボードのデザインをしました。『capdog』の前身にあたり、エンジニアのチームカイゼンのきっかけを提供するツールとしてリリースを予定されていました。 Login/Sign Up画面 ダッシュボード画面 ダッシュボードの目的自分のパフォーマンス・生産性を可視化することを目的としているため、グラフが主体となるように色数を抑えてシンプルに、直感的な操作ができるよう意識してデザインを行いました。 グリッドデ

          MIYAKO

          ダッシュボードデザイン｜MOOTON

          MIYAKO

          2020年の活動を振り返る

          こんにちは。 本業しすてむえんじにゃー🐈‍⬛、副業UI / WebデザイナーのMIYAKOです。 2020年は私の人生30年弱の中で最も様々なことに挑戦した年になったので、2021年をもっともっと良い年にするために振り返りを記しておきたいと思います。 1月-2月育休終了の間際、ママスペースさんのWebデザイン講座を受講開始。 それまでは独学でやっていこうと思っていたものの、初めての育児にかまけてなかなか進まず、結局何も身につかないまま育休を終えるのはまずい！ということで受講

          MIYAKO

          2020年の活動を振り返る

          MIYAKO

          DAILY UI #006 User Profile

          Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile? (It's up to you!) 制作のポイント押下可能なボタン(フォロー、通知・DM・メニュー、前画面へ戻る)は プライマリーカラーを使って「押せる感」を出しました。 その上で、一番目立

          MIYAKO

          DAILY UI #006 User Profile

          MIYAKO

          Daily UI #004 Calculator

          Design Hint... Design a calculator. Standard, scientific, or specialty calculator for something such as a mortgage? Is it for a phone, a tablet, a web app? 制作のポイントiPhoneの電卓アプリを主軸に、私個人が思う「あったらいいな」を入れてみました。 ・計算の履歴を確認できる ・1文字ずつ修正ができるバックスペースキ

          MIYAKO

          Daily UI #004 Calculator

          MIYAKO

          Daily UI #003 Landing Page

          Design Hint... What's the main focus? Is it for a book, an album, a mobile app, a product? Consider important landing page elements (call-to-actions, clarity, etc.) 参考にさせていただいたポートフォリオ パターンはこちらから 制作のポイント三重野さんのポートフォリオを見たときに初めて見るスタイルで驚いたのです

          MIYAKO

          Daily UI #003 Landing Page

          MIYAKO

          Daily UI #002 Credit Card Checkout

          Credit Card Checkout Design Hint... Design a credit card checkout form or page. Don't forget the important elements such as the numbers, dates, security numbers, etc. 参考にしたのはこのあたり。 制作のポイント決済選択画面(Payment)では、過去に使用・保存したカード情報を選択可能にすることで、2回目以降

          MIYAKO

          Daily UI #002 Credit Card Checkout

          MIYAKO

          Daily UI はじめました　#001 Sign Up

          Daily UI にチャレンジしようと思うので、制作物をnoteにまとめたいと思います。毎日できる自信はないけど、できる時にまとめてやりつつ完走したい…！ 言語化も大事なのは重々承知ですが、参考アプリを探したり実際に手を動かす方に時間を割きたいのでnoteは軽めに書いていくつもりです。 まずは1日目。 Sign Up Design Hint... Create a sign up page, modal, form, or app screen related to s

          MIYAKO

          Daily UI はじめました　#001 Sign Up

          MIYAKO

          ロゴ制作 | capdog

          ［概略］ 株式会社Libora様のサービス『capdog』のロゴデザインを担当しました。エンジニアのチームカイゼンのきっかけを提供するツールとして、かんたんに使えて親しみやすさを感じるデザインを目指しました。 01 | capdogって何？ロゴを作成するにあたって、capdogというサービスについてまとめました。 ・ソフトウェアエンジニアのチームカイゼンのきっかけを提供するサービス ・チームの成長をアシスト(可視化)するためのサービス ・親しみやすい、かんたん、チームの相

          MIYAKO

          ロゴ制作 | capdog

          MIYAKO

          バナー制作 | noteサムネイル

          我が夫のnote、記念すべき第1記事目のサムネイルを作成しました。 良ければリンク先もご覧いただけますと夫婦共々嬉しいです。 --- #Webデザイン #webデザイン初心者 #デザイン勉強中 #バナー作成

          MIYAKO

          バナー制作 | noteサムネイル

          MIYAKO

          バナー制作 | Amazon商品画像

          Amazonで使用する商品画像のご依頼を頂きました。 --- #Webデザイン #webデザイン初心者 #デザイン勉強中 #バナー作成

          MIYAKO

          バナー制作 | Amazon商品画像

          MIYAKO

          LPデザイン | 小規模事業者持続化補助金

          Webデザイン講座終了後の、実績製作をかねた案件をママスペース様よりご依頼いただきました。 ●依頼内容 ・SNSマーケティング会社の広告運用の際のLP制作 SNS運用代行を「補助金を使ってお得に導入できる」ことを伝えたい。 ●ターゲット層 ・年齢：30~40代 ・性別：男女 ・関心の高さ：高 ●サイトの希望イメージ ・色：サーモンピンク、グレー ・雰囲気：女性的、インパクトあり ■制作物 --- 今回の案件は、大枠は既存のチラシを元にコンテンツを配置できたのですが、補

          MIYAKO

          LPデザイン | 小規模事業者持続化補助金

          MIYAKO

          POP制作 | 恋麹

          ココナラにてご依頼いただいた制作物です。 ●依頼内容 ・パン屋さんやお菓子屋さんのお客様に”恋麹”入りの製品訴求 「オシャレで健康に良さそう」の印象を持っていただき、通常の製品より若干値段が高くなっても毎日買いたいと思って頂くためのＰＲ画像。 ●ターゲット層 ・女性・主婦・F1層 ・健康意識の高い方、ギルトフリーにしたい方 ●デザインのイメージや方向性 ・白をベースで、アクセントで暖色を使う ・斬新でありながら親しみやすい、オシャレ、かっこいい、健康的 ・読ませるＰＯＰより

          MIYAKO

          POP制作 | 恋麹

          MIYAKO