Rabeeの人たち

本

株式会社Rabeeのメンバーによるnoteをまとめています。

運営しているクリエイター: 株式会社Rabee

#WEBデザイナー

WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント

こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。まずは基本的な使い方の習得を目指しましょう！今回は主にChatGPTを使った業務の効率化方法をお伝えします。私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実

これで翻弄されない！デザインフィードバックを成功に導く６つのヒント

はじめまして。株式会社Rabeeのtotoです🐝 デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。本日はデザインフィードバックを成功に導くための６つのヒントについてお伝えします！お時間の無い方は「チェックリスト」だけでもサクッと目を通してみてください✅ デザイナーの皆さま。クライアントのフィードバックを受ける際、どのような準備をしていますか？恥ずかしながら、私がデザイナー駆け出しの頃は「フィー

「ステップ・フロー」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。今回は、LPや提案資料などでよく使用されるデザインパーツ「ステップ・フロー」のUIを集めてみました。はじめに「ご利用の流れ」や「お申込の流れ」など、時系列に並んだ項目をわかりやすく可視化する手段として用いられるステップ・フローのセクションは、サービスやプロダクトを訴求するLPや提案資料にかかせない存在です。今回はそのステップの整列パターン別に、PC・SPでどのようにレスポンシブされるのか？と

Webデザイナーが「サービス紹介動画」を構造分析してみた（8事例）

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を分析してみることにしました。はじめに本記事を書くに至った経緯私は現在、映像のデジタル合成やモーショングラフィックの制作などができるAdobeのソフト“Aft

【2024年版】デザイナーが初回ヒアリングで聞くこと&聞き方まとめ

株式会社RabeeでUI/UXデザインをしているmayukiです 0→1を生み出す瞬間、プロジェクトのエンジンとなれるようなばちイケデザイナーを目指しています。突然ですが…こんなお困りごとありませんか？💭 今回は、webサイトやアプリのデザインの制作を受注する想定で、クライアントへの初回ヒアリングをする際にデザイナーとして聞くべき最低限のことをまとめました。 ※保存版のためなかなか長い記事となっています。この文章はこんな方におすすめです以下の構成で書いています

ワイヤーフレームは“しゃべりながら”つくる

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。このワクワク感を、ぜひたくさんの新人デザイナーとシェアできればと思います！どうぞ最後までお楽しみください✍ はじめに：ワイヤーフレーム（WF）とは？ワイヤーフレーム（「WF」と省略することも）は、Webサービスの制

Webデザインで「紙っぽさ」を出す方法を考えてみる

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。たとえば、以下のようなデザインは私にとって「紙っぽい」例です。どうして、私はこれらを雑誌

Webサイトのファーストビューに『動き』を取り入れるアイデア8選

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webサイトの顔とも言える「ファーストビュー」をより魅力的に見せるためのコツについて調べてみました。参考サイトもたくさん紹介しているので、ぜひ最後までお楽しみください✍ はじめに：ファーストビュー（FV）とは？Webサイトのファーストビュー（FV）とは、サイトを開いたときにスクロールせず見える範囲のこと。ユーザーにとってはいちばん最初に目に飛び込んでくる、Webサイトの第一印象を決める「顔」となる部

社内勉強会｜キーワード別にWebデザインの特徴を分析する

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。私たちのデザインチームでは、週に一回、各メンバーが交代で題材を持ち寄り、社内勉強会を実施しています。今回は、デザインのイメージを表現するキーワード別に分類されたWebデザインを見て、デザイン上の特徴を分析しワイワイ話し合ってみる会！をやってみたので、その進め方や学んだことを共有したいと思います🌿 個人でも、チームでもできるワークなので、デザイナーの皆様の参考になると嬉しいです！勉強会を設定

デザイナーのためのインフォグラフィック入門

こんにちは！デザイナーのnanamiです。現在、Web制作会社のデザインチームに所属しています。今回は、自社のコーポレートサイトの採用ページを盛り上げよう！というプロジェクトの過程で使用したインフォグラフィックに関する学びを書き留めたいと思います✍️ 「誰でも分かるように」って難しいデザイナーという仕事をしていると直面するこの問題。Webサイトでも、バナーでも「誰が見ても瞬時に分かる」ということを一つの指標としてデザインをすることが多いです。そこで、情報を分かりや