概要 サムネイルやバナーなどのクリエイティブ制作を、デザイナー以外もクオリティを保ちつつ制作できるよう、figmaでのオペレーションを作成しました。 期間 約1年間 (他の業務もしながら徐々に仕組み化) TRIVEグループではライフエンディングやマッチングアプリなどのメディアを複数運営しており、私はメディア内で使うサムネイルや記事内画像、UIをデザインしていました。 ただ、働き始めて事業のスケールが大きくなるにつれ、かなりのペースで記事が公開されるようなり、ライターからサムネや記事内画像のクリエイティブ制作の依頼がきて、制作をして、レビューを受けて、他のUIなどの業務に戻り...というようなことを繰り返すうちに、手が足りなくなってきていました。

イベント冒頭、西條氏から投げかけられたのはIndeed買収に至った経緯に関する質問だ。2011年ごろ海外企業への投資を実施するチームを率いていたという出木場氏。Indeed買収のきっかけとなったのは、旅行領域のビジネスを展開する合弁会社の設立に向けて滞在していたインドネシアで見た光景だったと振り返る。 出木場合弁会社設立に向けてジャカルタに滞在していたとき、プロフェッショナルヒッチハイカーという仕事の存在を知ったんです。どんな仕事かというと、他人の車に相乗りしてあげるのが業務内容。というのも、ジャカルタは世界的に見ても渋滞がひどい都市なのですが、渋滞を緩和するために政府が「3人以上乗っていなければ街の中心部に入ってはいけませんよ」という法律を作った。 プロフェッショナルヒッチハイカーたちは、3人以上が乗っていなければ入れないエリアの入り口に立って、1人ないしは2人しか乗っていない車のドライ

STUDIOで作られた世界中のWebサイトを、ジャンルやテイスト別に探せるギャラリーサイト「STUDIOShowcase」ができました。次のアイデアの参考にしてみましょう。

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

noteでの「『あつまれ どうぶつの森』の世界観をつくるUXライティング」をはじめ、UXライティング解説記事が反響を呼ぶ「nao」こと宮崎直人さん。じつはユニコーンの仲間入りを果たしたテック企業「Paidy」で働くUXライター・コピーライターだ。彼が考える、UXライティングとは？そして、その鍛え方とは？ 【前編】noteの「あつ森」UXライティング解説が大反響！ naoさんに聞く、UXライティング力の鍛え方 【後編】「あと払い」をリードするテック企業「Paidy」が、UXライターを採用。宮崎直人が広げる言葉の可能性 コピーライティングとUXライティングの違いとは？ もともと宮崎さんはコピーライターとしてキャリアを積み、現在は、Paidy（ペイディ）にてUXライティングにも実務で関わっていると伺いました。そもそも「コピーライティング」と「UXライティング」の違いとは？ ここは私のなかでは明確

パラレル創業メンバー・デザイナーの槙野と申します。 『パラレル』という友達とオンラインのたまり場を作る通話SNSを運営しています。 仲の良い友達や恋人と通話をしながら、ゲームや雑談をしたり、動画やSNSを見たりして楽しめて、いつでも集まれる場所を作れるサービスとなっています。 はじめに パラレル共同代表の青木です。 パラレルを運営開始して約2年半が経過しました。 1年ほど前に書いた記事も古くなったので、改めてパラレルが実現したいことを言語化できればと思います パラレルって何？ 抽象的に表現すると、 オンライン上にたまり場を作って、友達と同期的に遊べる場所です。 より具体的に表現すると、 毎晩のように気軽にパラレルに集まって、パラレル内外問わず様々なコンテンツを友達とリアルタイムに遊べる通話アプリです。 例えるなら、 よく集まる友達の家や部室、放課後の教室、地元のコンビニ前、大学の食堂みたい

画面サイズだけではなく、デバイスのユーザー設定に対してレスポンシブにできる新しいCSSのメディアクエリーが登場しています。スマートフォンやパソコンで、画面サイズに応じてレイアウトが変化する「レスポンシブ・ウェブ・デザイン」はほとんどのウェブサイトで実装されているでしょう。新しい世代のレスポンシブ手法は、画面サイズだけでなくユーザー設定に対して挙動やスタイルを変更させることができ、ユーザービリティーやアクセシビリティーの向上に役立ちます。 本記事では事例とあわせて最近のレスポンシブ手法を紹介します。 この記事で紹介すること ダークモード対応 モーションの無効化設定 iOSのフォントサイズ変更 ダークモード対応 OSには外観モードの設定項目があります。Windows 10やmacOS、iOS、Androidのいずれもライトモードとダークモードの切り替え機能が提供されています。ライトモード・ダー

デザイナーの転職活動では応募時点で必要になることが多いポートフォリオ。これまで800人以上のデザイナーと面談してきたReDesigner事業責任者の佐宗、キャリアデザイナー盛川、宮本の3名にインタビューを行い、ポートフォリオをブラッシュアップする上で参考になるポートフォリオとその理由をまとめました。ぜひ自身のポートフォリオの質を高めていく上での参考にしていただければと思います。

はじめに 私は事業会社（楽天→スタートアップ）でUXライティングを専門としてプロダクトの開発に携わっています。しかし、事業会社で私のような専任のUXライターやコピーライターを雇用している企業は決して多くありません。 多くの場合、UXデザイナーやUIデザイナー、エンジニア、プロダクトマネージャー、マーケターなど、UXライティングに比較的近い立場の方が、自分自身でUIテキストを書かなければならない、というのが実情だと思います。 そうした状況で試行錯誤されている方に向けて、自分に何かできることがあるのではないかと思い、このnoteを書くことに決めましたら。私がUXライティングの知見をしっかりと整理して伝えれば、役に立つのかもしれないと。 このnoteでは、私なりの実践的なUXライティングの方法論を言語化します。あくまで私が実践しているものなので、考え方もやり方も違うし、こんなのUXライティングじ

今回はコミュニティの中でFigma開発チームが公開しているデザインシステム「UI2」を分析してみました。さすがFigmaの開発チームが作っているFigmaデータだけあってとてもよく作られており、観察すればするほど面白い発見があります。 ファイルのページ構成 まず最初にファイルのページ構成を確認しておきましょう。構成はとてもシンプルでわずか3ページ。1ページ目の「Main」にガイドラインとコンポーネント集などほぼ全ての情報が集約されています。あとは2ページ目の「Templates & Extras」にコンポーネントを組み合わせた画面全体の構成例があり、3ページ目の「Cover」にFigmaファイルのカバー写真という形です。

UX-movは様々なアプリのUIを動画で集めたギャラリーサイトです。

記事を書こうと思ったきっかけそろそろ採用とデザイナーの育成に力を入れようと思い、先日bosyuでインターン生を募集させて頂きました。 【インターンを募集します】 採用と育成にもっと力を入れていきたいと思うので、 デザイナーインターンを募集します！！ またライフハック術や、ダンス、占いなんかも教えれるので、 興味ある方ぜひ気軽に応募ください〜笑 https://t.co/BLAu7rvxyI #bosyu #デザイナー #デザイナー募集 #インターン — タクノリ・アダチ (@designer_akkun) November 19, 2019 ポートフォリオがないと、採用側は判断がしづらい。きちんとしたポートフォリオでなくても、何かしらアウトプットしたものがないと、依頼するにもどういった仕事をふると能力を発揮できそうかとか実際にどれぐらいのスキルがあるのかがイメージしづらいため、採用側の判断

一見、とっつきにくい「B/S」「P/L」「C/S」の基本概念。ハードルが高いと思っている人にも分かるように、チャーリーさんが図で解説してくれました。理解できるようになれば、今やる必要があること・ないことが見えてくるなど、何を優先するべきかが見えてくるかもしれません。 全2本立てでお送りいたします。 【1】社会人1年目で知っておきたい、会計のきほん 【2】あらゆる職種で知っておいて損はない「B/S」「P/L」「C/S」基本概念 >>>［関連記事］「ぼくらの新人時代」記事一覧はこちら 財務諸表ってなに？ まず財務諸表とは、企業のお金の出入りを関係者に報告するために作成する書類のことです。みんなが同じ形式で作成するため、比較・評価がしやすくなっています。基本的には、「決算書」と同じものです。 財務諸表には、代表的な3つのものがあり、貸借対照表、損益計算書、そしてキャッシュフロー計算書から成ります

Enhanced Inc. is a design firm that elevates concepts born from deep dialogues with clients into timeless designs. We provide consistent design services in corporate branding, graphic design, digital realms, and spatial design. Enhanced Inc. is your reliable partner in shaping your vision. Our pro…

こんにちは、LINE Fukuoka UIデザインチームの高松です。今回は、サービスやWebサイトをデザインする際のデザインコンセプトのつくり方についてお話いたします。 LINEでは新規サービスをデザインする機会が多いですが、その際にビジュアルからアイディエーションすることがあります。デザインコンセプトとは、サービスが打ち出す世界観のことです。今回はとある新規プロジェクトでの流れを元にご説明します。 1.サービスのコンセプトの明確化 まず、プロジェクトキックオフミーティング後、サービスの定義、ターゲット、ユースケースやゴールなどをステートメントシートに定めていきます。明確になっていない部分がある場合ディスカッションしながら認識を合わせます。これを定めておくことで、プロジェクト内で共通認識を持っておくことでプロジェクト進行中に方向性がずれてきた時に原点に立ち返ることが出来ます。 2.キーワー

We and selected partners use cookies or similar technologies as specified in the cookie policy. To find out more about the categories of personal information collected and the purposes for which such information will be used, please refer to our privacy policy. You can consent to the use of such technologies by closing this notice.

*display on phone is technically 2.61x Frame size. This is the “point size” or “@1x” size of a given device. I strongly recommend designing on frames of this size for a given device. (Here’s an explanation of points vs. pixels) Export scaling. This is how much bigger to make a raster image (PNG, JPG) when exporting to take maximum advantage of the higher resolution of some devices. What size frame

Paul Graham のエッセイを読んで、自分なりにまとめたものです。今でも見返すと示唆があるので、読みやすくなるようブログでも書いておくことにしました。Paul Graham のエッセイの翻訳はこちらでリストになっています。ぜひ原文も当たってください（文末に参照先を書いています）。 昔書いたスライドからの転載です。 Y Combinator 創業者 Paul Graham からのスタートアップへのアドバイス（スタートアップが迷った時に読む Paul Graham からのアドバイス） from Takaaki Umada www.slideshare.net 原則 Make something people want 「人々の欲しいと思うものを作ろう」 スタートアップにとって一番難しいのは、人々の欲しいと思うものを作れるかどうかである（二番目は資金調達）。人々の欲しいと思うものを作れるま

JavaScript library to animate elements as they scroll into view. スクロールして表示される要素をアニメーション化するJavaScriptライブラリ 要素が画面に表示されたら、指定したアニメーションを実行してくれる優れものです。 「ふわっと表示」「下から表示」「遅れて表示」など簡単に実装することができます。 公式サイト：https://scrollrevealjs.org/ ScrollRevealの使い方 ライブラリ読み込み 使い方は簡単。ライブラリをscriptタグで読み込み、対象の要素にクラスを与えてJavaScriptからアニメーションを指定するだけです。 CDNは公式サイトのインストールから読み込みます。 // 最新バージョンの場合 <script src="https://unpkg.com/scrollreveal