Miyazawa_wiz

株式会社Wiz（ワイズ）/webディレクター→UI/UXデザイナーにジョブチェンジ

Miyazawa_wiz

株式会社Wiz（ワイズ）/webディレクター→UI/UXデザイナーにジョブチェンジ

  • Wizマガジン

    • 149本

    Wiz（ワイズ）のクリエイターが記事を書いています。現場ならではの声をお届けします！ ▶︎https://note.com/wiz_creative/

【未経験】webデザイナーになってからの1年間を振り返る

こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 webディレクターからwebデザイナーに異動してから1年と少しが経ちました。 今日はそんな1年間で学んだことを振り返っていこうと思います。 1.優先順位をつけること当たり前のことだとは思いますが、これはディレクター時代にも学んだことです。 何を伝えたいか？どう伝えるか？目的は何か？ 訴求を第一に考えWFなどを作成していました。 しかし、デザイナーに異動してからは装飾やあしらいでどう表現できるか（もち

Miyazawa_wiz

    • サービスサイト（LP）のテンプレートをSTUDIOで作ってみた②

      大阪でUI/UXデザイナーとして働いているミヤザワです。 前回に引き続き、ノーコードツールの「STUDIO」を使用してサービスサイト（LP）のテンプレートを作成しましたので、今回はSTUDIOの実装部分について書いていきたいと思います。✏️ 前回の記事はこちら 追従フォームの作成今回STUDIOで初めて追従フォームを実装しました。 また、1つ気をつけた点としては、div要素内にさらにボックスを追加し、スクロール設定を行いました。 これにより、フォームに入力項目が増えた

      Miyazawa_wiz

      • サービスサイト（LP）のテンプレートをSTUDIOで作ってみた①

        こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は、ノーコードツールの「STUDIO」を用いてサービスサイト（LP）のテンプレートを作成しましたので、その過程についてご紹介いたします。 STUDIOを利用したテンプレートの作成目的今回のテンプレート作成の目的は、社内のデザイナー以外の方が必要な時に即座にLPを作成できるようにすることです。また、様々な商品に適用可能なものとして設計しました。 そのため、汎用性が高く、使いやすく、かつテキストの編

        Miyazawa_wiz

        • 【STUDIO制作】Wiz Kitchenのホームページをリリースしました

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は、2月に公開された「Wiz Kitchen」のウェブサイト制作を担当しましたので、その成果を紹介させていただきます。 また、デザインだけでなく、ノーコードツールSTUDIOを使用して実装まで行いましたので、ぜひご覧いただければと思います✨ サイト概要公開サイトURL https://wiz-kitchen.012grp.co.jp/ 「Wiz Kitchen」とは 「Wiz Kitchen

          Miyazawa_wiz

        【未経験】webデザイナーになってからの1年間を振り返る

        Miyazawa_wiz

        マガジン

        • Wizマガジン
          149本

        記事

          【制作実績】記事サムネイル

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は以前作成した記事サムネイルについて、気をつけているポイントなどを書いてこうと思います！✏️ 概要相性転職パーソナルファイルというキャリアパーソナリティ診断と最先端のAI技術を融合させた、次世代の就職・転職支援サービスの記事サムネイルを制作しました。 サムネイル作成で気をつけた点サムネイルを作成するにあたって、下記の3点を気をつけました。 ①視覚的に引き立つデザイン 背景とテキストのコントラ

          Miyazawa_wiz

          【制作実績】記事サムネイル

          Miyazawa_wiz

          【制作実績】ロゴデザイン制作

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は以前作成したロゴデザインを紹介したいと思います。 概要無料一括比較で安いマンションの管理会社を探すことができるサービスのロゴマークとして利用。 コンセプトの用意1.ターゲット マンションオーナー（30代〜60代の男性） 2.ターゲットに与えるべき印象 マンションの管理会社の「比較」ができるイメージを与えたい 3.キーワード 比較 マンション 以上の情報をもとに作成していきます。 制作物が

          Miyazawa_wiz

          【制作実績】ロゴデザイン制作

          Miyazawa_wiz

          DailyUI 004 - Calculator

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今日は4回目のDailyUIになります。 今日のお題: Credit Card Checkout2日目のお題はクレジットカードの決済画面です。 参考にしたサイト・アプリデザインする上で考えたこと・気をつけた点1 . 押しやすさ重視のボタンデザイン iPhoneのデフォルトで入っている電卓アプリのボタンは測ってみたら67×67pxサイズだったので、今回のデザインではそれより少し大きい71×71pxの

          Miyazawa_wiz

          DailyUI 004 - Calculator

          Miyazawa_wiz

          【バナー画像制作】新人デザイナーが制作過程をまとめてみた002

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は以前作成したバナーデザインを紹介したいと思います。 取り組んだ内容最初に行ったのは、要件の定義と整理です。以下の情報を言語化し、整理してまとめました。 これらの情報を整理したら、次に伝えたい情報の優先順位を決定しました。そして、ターゲットに合った参考バナーのザッピングを行い、ユーザーがクリックしやすい色、フォント、レイアウトを考慮して制作しました。 バナーの概要店舗向けのホームページを格安で

          Miyazawa_wiz

          【バナー画像制作】新人デザイナーが制作過程をまとめてみた002

          Miyazawa_wiz

          【制作実績】ECサイトつくる君

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は、弊社の新規サービス「ECサイトつくる君」というサイトデザインを部分的に（KV以外）担当しましたので、少しご紹介させていただきます。 サイト概要公開サイトURL https://ec.012cloud.jp/ 「ECサイトつくる君」とは ECサイトの制作代行とテンプレート販売を行うサービスです。 デザインについて今回はトップページと補助金活用ページ（下層ページ）の2つに焦点を当ててお話し

          Miyazawa_wiz

          【制作実績】ECサイトつくる君

          Miyazawa_wiz

          Daily UI 003 - Landing Page

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今日は3回目のDailyUIになります。 今日のお題: Landing Page今回のお題はLanding Pageということで、PCサイズのLPのファーストビューを作成しました。 LPのサービス内容などはChat GPTに 参考にしたサイト・アプリ1.Awarefy 2.muute 3.MEDITOPIA デザインする上で考えたこと・気をつけた点1.配色・デザインは優しさをイメージ マイン

          Miyazawa_wiz

          Daily UI 003 - Landing Page

          Miyazawa_wiz

          DailyUI 002 - Credit Card Checkout

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今日は2回目のDailyUIになります。 今日のお題: Credit Card Checkout2日目のお題はクレジットカードの決済画面です。 参考にしたサイト・アプリデザインする上で考えたこと・気をつけた点1 . 入力する項目 参考にしたサイトには住所などもありましたが、調べてみて必須なのはカード番号・有効期限・CVCで、これに名義があるサイトも多かったので、今回は4つにしました。 2 . セ

          Miyazawa_wiz

          DailyUI 002 - Credit Card Checkout

          Miyazawa_wiz

          【バナー画像制作】新人デザイナーが制作過程をまとめてみた

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は、当社のサービス「えらべる保険」のバナー制作に取り組みましたので、その一端をご紹介させていただきます。 取り組んだ内容最初に行ったのは、要件の定義と整理です。以下の情報を言語化し、整理してまとめました。 これらの情報を整理したら、次に伝えたい情報の優先順位を決定しました。そして、ターゲットに合った参考バナーのザッピングを行い、ユーザーがクリックしやすい色、フォント、レイアウトを考慮して制作しま

          Miyazawa_wiz

          【バナー画像制作】新人デザイナーが制作過程をまとめてみた

          Miyazawa_wiz

          DailyUI 001 - Sign Up

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今日からDaily UIを始めたいと思います。 長く続けるために、毎日ではなく毎週ぐらいの感覚で出来ればなと思ってます！ 以下のような内容でnoteは書いていきたいと思います 今日のお題: Sign Up1日目のお題はサインアップ画面です。 参考にしたサイト・アプリ1.Pinterest 2.Pinterest（参考探し） 3.Rakuten 4.ニトリ デザインする上で考えたこと・気をつ

          Miyazawa_wiz

          DailyUI 001 - Sign Up

          Miyazawa_wiz

          ロゴデザインのトレース＋考察してみた②

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回はロゴデザインのトレース＋考察の第二弾になります！ ▼トレース＋考察の1回目の記事はこちら ロゴトレースの目的1.デザインツールの操作方法をより理解するため。 2.不得意なデザインを得意にするため。 3.タイプフェイスを学んでKVなどにも活かせるようにするため。 ロゴとは？①Apple②Canon③象印④バンダイナムコ終わりに今回もツール操作方法の習得ができ、 またデザインツールだけではなく、

          Miyazawa_wiz

          ロゴデザインのトレース＋考察してみた②

          Miyazawa_wiz

          ロゴデザインのトレース＋考察してみた

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回はロゴデザインのトレース＋考察をしたので、 気づきなどを書いていこうと思います👀 ロゴトレースの目的1.デザインツールの操作方法をより理解するため。 2.不得意なデザインを得意にするため。 3.タイプフェイスを学んでKVなどにも活かせるようにするため。 ロゴとは？①Amazon②ZOZO③Slack④楽天終わりに今回はデザインツールの操作方法をより理解するために、 テキスト部分も全てペンツールで

          Miyazawa_wiz

          ロゴデザインのトレース＋考察してみた

          Miyazawa_wiz

          【制作実績】えらべる保険

          こんにちは！ 大阪でUI/UXデザイナーとして働いているミヤザワです。 今回は、弊社のサービス「えらべる保険」という保険比較サイトのデザインを担当したので 少しご紹介させていただきます。 サイト概要公開サイトURL https://ins.eraveru.jp/ 「えらべる保険」とは 保険のお悩みをFP（ファイナンシャルプランナー）に無料で相談できる保険比較サイトです。 また目的・種類に合わせた記事も掲載しており、保険に関する疑問や情報を見つけることができます。

          Miyazawa_wiz

          【制作実績】えらべる保険

          Miyazawa_wiz