マガジンのカバー画像

#Goalist Design

453
運営しているクリエイター

2022年3月の記事一覧

サイトUIの履歴を追いかけてみた〜Green登録フォーム編〜

サイトUIの履歴を追いかけてみた〜Green登録フォーム編〜

URLを入力するとそのサイトのインターネットアーカイブを見ることができるWayback Machineというサービスを使って、これまでGreenのトップ画面と検索画面の変遷を見てみましたが、今回は同じくGreenの登録フォーム画面に焦点を絞って変遷を辿ってみました。

2006年から2021年までの登録フォームは以下のように変遷していました。

デザインや項目の変化が確認できたところを比較していき

もっとみる
2月に作成したUIまとめ

2月に作成したUIまとめ

デザイナーのasatoです。

今回は2月に個人的に作成したUIデザインをまとめてみようと思います。

今回デザインを作成するにあたって、Cocoda Training内にあるDaily Cocoda!のDaily UIというサービスを使用しました。
Cocoda Trainingとは、デザインのお題が掲載されているサービスです。

1つ目 ソーシャルログイン画面*以下引用
ターゲット フィットネ

もっとみる

It's often difficult for clients to say what they actually mean - Use Design Thinking

It is not uncommon that, when you are working on a project and the client appears to keep changing their minds.

You design something and it's not what the client had in mind, while you did accentuall

もっとみる
純色をWebデザインに導入してみよう

純色をWebデザインに導入してみよう

こんにちは、フロントエンドエンジニアのジャッキーです。2021年12月から弊社のデザイン部に所属し、今年の目標はデザインエンジニアになることです。

弊社のデザイン部では、毎週「デザトレ」というデザインに関しての勉強会が行われています。
そして今週、私が担当したテーマをご紹介させていただければと思います。

今回のデザトレでは、純色を利用してWebデザインしてみようというテーマにしました。

純色

もっとみる
求人サイトの管理画面をオブジェクト指向UIデザインで設計する

求人サイトの管理画面をオブジェクト指向UIデザインで設計する

こんにちは。UIデザイナーのマスダです。

OOUIデザイン(オブジェクト指向UIデザイン)で要件から画面遷移図を作成するということを最近行いました。
なんとなーく流れがわかってきたので、自分が実践しているOOUIデザインのやりかたを書いていきたいと思います。

1. タスクの書き出しユーザーのやりたいことを付箋に書き出します。
しっかりとユーザーの業務フローを理解して、どれだけ具体的に行動をイメ

もっとみる
ノンデザイナー向け!資料デザインで大事な4つのポイント

ノンデザイナー向け!資料デザインで大事な4つのポイント

こんにちは!デザイナーの酒うさぎです。

今回は、最近社内で「資料のデザインを修正してほしい」と依頼されることが増えたので、ノンデザイナーの人も実践できる見やすい資料の作り方をまとめてみました。
すでに世の中には資料デザインの情報が存在すると思いますが、私なりに気づいたこと4ポイントを紹介します!最後に、作成する時にオススメの参考サイトも掲載しますね〜。

1.配置は大体3種類よく使う情報の配置は

もっとみる
デザインチームでマスコットキャラクターを作ってみた

デザインチームでマスコットキャラクターを作ってみた

こんにちは、デザイナーのasatoです。
私の所属するゴーリストのデザイン部では毎週1時間デザインについての勉強会を行なっています。「デザトレ」と呼ばれ、様々な領域をテーマとしています。

今回私は「マスコットキャラクター」をテーマにしてみました!
なぜこれをテーマに選んだのかというと、私は以前社内のチャットbotのキャラクターを作成するという仕事を行い、「ゴーリストのデザイン部である以上マスコッ

もっとみる

リモートでも健康なデザインチームの紹介&その要因5つ

所属している会社のデザイン部のよいところを紹介します。

フラットな組織で、誰もが発言できる

チーム内でのデザイン批評が機能してる

フルリモートにすぐ適応できた

こういう組織にできている要因をいくつか考えてみました。

1) デザイン批評全メンバーが課題図書として『みんなではじめるデザイン批評』を読み、実践しています。批評は一方向の単純なダメ出しなのではなく、同じゴールへ向かって、双方向にや

もっとみる
デザトレ! Shine the spotlight on your super stars!

デザトレ! Shine the spotlight on your super stars!

I took this opportunity to create an environment where we could look back and shared within the team about our recent projects.

We looked into what challenges we faced, what we learned from the proje

もっとみる
Figmaでよく使うショートカット

Figmaでよく使うショートカット

こんにちは。UIデザイナーのカヒブンです。

UIデザインする時にショートカットを使うと、効率良く時間をかけずに作業をすすめられますので、今週のデザトレ(弊社のデザイン部で毎週行われているデザイン勉強会)でチームと一緒にFigmaでよく使うショートカットを学んでみました。

今回の内容は、Figmaを操作しながら学ぶとわかりやすいので、下記のFigmaリンクを参考にしていただければ幸いです。

もっとみる