マガジンのカバー画像

#Goalist Design

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

2021年12月の記事一覧

11月に作成したUIまとめ

11月に作成したUIまとめ

デザイナーのasatoです。

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

今回デザインを作成するにあたって、以下のサービスを使用しました。

Daily Cocoda!のDaily UIです。
Daily Cocoda!とは、デザインのお題が掲載されているサービスです。

1つ目 音楽アプリの再生画面*以下引用
ターゲット 音楽好きな、OLの女性
忙しくて、じっくり

もっとみる
サイトUIの履歴を追いかけてみた〜Green トップページ編〜

サイトUIの履歴を追いかけてみた〜Green トップページ編〜

URLを入力するとそのサイトのインターネットアーカイブを見ることができるWayback Machineというサービスを使って、これまでdodaの画面の変遷を見てみましたが、今回はGreenの画面の変遷を見てみました。

こちらはWayback Machineの更新頻度を示す棒グラフになります。
サービス開始の2006年から定期的に更新されていますが、2014年はかなりの頻度で更新が行われていたよう

もっとみる
求人キープリストのブランク状態を比較してみた

求人キープリストのブランク状態を比較してみた

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

どの求人媒体でもだいたい求人のキープ機能があります。
でも、もちろん自分が求人をキープしないとキープリストに求人は表示されないよな🤔
キープ求人がない時のキープリストにはなにが表示されているのだろう?媒体ごとになにか違いがあるのだろうか?
そんな疑問をもったので、キープ求人がない時(ブランク状態)のキープリスト画面を調べてみました。

そもそもブランク

もっとみる
デザトレ!-カラーユニバーサルデザイン

デザトレ!-カラーユニバーサルデザイン

こんにちは。デザイナーのasatoです。

弊社のデザイン部で毎週行われているデザトレ(勉強会)。
私の担当回では、カラーユニバーサルデザインについてやりました。

カラーユニバーサルデザインとは、色を見分けることが難しい方=色弱の方にも見分けやすい配色でデザインすることです。

色の見え方色の見え方の例を挙げます。

一般色覚と呼ばれるのが左上にあるC型で、世の中の人々の多くはこちらに当てはまり

もっとみる
デザトレ!之Aurora UI

デザトレ!之Aurora UI

今天我将用中文与大家分享一期デザトレ! (Design training) 

你可能会问什么是 「デザトレ! 」,这是Goalist设计团队每周一次一小时的设计训练,届时团队成员之间分享彼此的技能、知识和想法。每周我们都会轮流安排「デザトレ! 」的训练内容,并促使会议顺利进行。

今天我将和大家分享这周我们「デザトレ! 」的主题 : Aurora UI。

2007年一度盛行的高度材质化的拟物化

もっとみる
ドラピタから見る余白の重要性

ドラピタから見る余白の重要性

こんにちは。デザイナーのasatoです。

今回は余白の重要性、というのをドラピタのサイトを見ながら書いていこうと思います。

ドラピタとは、ドライバー専門の求人サイトです。
掲載案件数は累計で17,000件に登り、ドライバーの求人を探すのにうってつけのサイトと言えるでしょう。

余白の重要性についてドラピタの話に移る前に、まずは余白の重要性について説明します。
下の画像を見てください。

この2

もっとみる
アルバイト系求人媒体の求人キープ機能を比較してみた

アルバイト系求人媒体の求人キープ機能を比較してみた

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

求人媒体って、求人のキープ機能があるのが標準的だけど…なにか違いあるのかな?そんなことをふと疑問に思ったので、アルバイト系求人媒体のキープ機能を比較し、違いについて考察してみました。

キープという機能ひとつをとっても、媒体によって情報の伝え方や機能の設計が異なるのが面白いなと思います。

キープをうながすデザインキープボタンのラベルや、ボタンの周りには

もっとみる
求人サイトのデザインを観察してみた#9

求人サイトのデザインを観察してみた#9

こんにちは!デザイナーの酒うさぎです。
今回は、これまで観察してきた正社員・新卒系サイトのグラフィック素材をまとめてみました〜👏
次回は、アルバイト・派遣系のグラフィック素材を紹介予定です!

では行ってみましょう!

全部で6媒体あります。今回は各トップページから6枚づつ画像を持ってきました。以下感想。
リクナビ2023・リクナビ転職
新卒も転職もイラストが多く、平面的なデザインでポップな感じ

もっとみる
求人サイトのUI比較ーイーアイデム(アルバイト・バイト・パート/正社員)ー

求人サイトのUI比較ーイーアイデム(アルバイト・バイト・パート/正社員)ー

デザイナーのasatoです。

今回はイーアイデムのアルバイト版と正社員版のサイトの違いについて見ていきたいと思います!

アルバイト版

構成は上記の通りです。
比較的長めの構成になっています。

検索欄では地域選択がマストなのが特徴的だと感じました。

ファーストビューではエリアが選択できるようになっています。
カラフルな配色で親しみやすさを出しつつも彩度が高すぎないので、どこか落ち着いた印象

もっとみる