yagish(ヤギッシュ)

OVERVIEW

「ブラウザでつくれる履歴書 yagish」 帰りの電車でも作成できるような手軽さで忙しい人の役にたてればという想いがこもっています。このサービス内に登場するヤギのキャラクターとロゴ作成、背景イラストなどを作成しました。(現在のサイトでは一部デザインが変わっています)

YEAR 2018

yagish(ヤギッシュ)

サービス概要

かんたんに履歴書が作成できるPWA対応のWEBサービスです。2018年4月から開発、2018年7月にリリースされました。GIGAZINEやINTERNET Watchでの記事掲載や、はてなブックマークのテクノロジーランキングへのトレンド入りもしました。エンジニアさん1名、ディレクター兼フロントエンジニアさんの計3名で作られたサービスです。私はイラスト・ロゴ担当をしました。

メディア掲載


logoのこと

「ヤギ+ラディッシュ=ヤギッシュ」赤いラディッシュをアクセントに使用


提案logo:1回目

親しみやすさ、シンプルさ、サービス全体のイメージ「使いやすさ」を意識して作りました。あと、社内でヤギへの愛が高まっていたのでヤギの可愛さも伝えたかったです。

提案logo:2回目

最終チェックで「選んでいいよ~」と言われたので、1番ヤギの可愛さに近いあざとくないもの、そして密かにこのサービスを作成したエンジニアさんに1番似てるものを選択しました。


ヤギキャラクターのこと

最終案ヤギ

最終ラフ

最終ラフではヤギを球体関節にしてadobeのAnimateCCを使って、てこてこ動かせたらと頑張っていました。サービス内では使われていませんが、フロントエンジニアさんがcssで耳としっぽを動かしてくれています。じんわりうごいているので気付いた人はツワモノです。

初期ヤギ

プロトタイプで実験的にサービスを作り始めたときに生まれたヤギです。ユーザーテストを行いながら形を決めていく際、開発チーム内でヤギを愛する気持ちが高まり、サービス内の説明などに登場させようと(企画停まり)になった表情差分や黒ヤギ、ヒツジ、アイテムなども作っていました。

キャラクター提案

郵便ヤギ

葉っぱのお手紙に言葉を書き込んで郵便ヤギに渡すと、たぶん飼育係に届けてくれるかも…?

お問い合わせとは別にyagish上でユーザーさんと会話ができるようにと実装されました。(履歴書を作ってダウンロードするところにこっそりおります。)

左が最初に出したヤギで、傘の質感、わらじ、郵便と分かるマークが欲しいという意見をもらった右のヤギが最終出力です。

郵便ヤギがものすごい速さでかけぬける動きと、ヤギをぽちぽち押すと喋る仕掛けはエンジニアさんが実装してくれました。

「紙をたべるのはヤギの身体に悪い」ということで"葉っぱのお手紙"を譲らないヤギ愛をもつエンジニアさんと、その葉っぱをcssで実装することに苦悩するディレクターさんの努力を横で見ながら、ランダム表示されるヤギの台詞をみんなで考えました。

背景イラスト
ヤギの先祖はスイスにいた節を信じて、スイスの風景を参考にまとめました。

参考花「コケマンテマ」


履歴書のイメージで使用された証明写真

左から、

転職用の履歴書(JIS規格):インドかぶれで帰ってきた帰国子女

パート(パートタイム)用の履歴書:まだ小さいお子さんがいる子育てが大変なお母さん

 転職用の履歴書(職歴欄短め):ばりばりやるぞの少し生意気な新卒さん

アルバイト用の履歴書 :コンビニで働いてそうな青年


ヤギを愛した開発者たちのご紹介

ヤギを愛するエンジニアさんTwitter

ヤギ好き度 ★★★★★

フロントエンジニア、ライティング、統括など10足のワラジを履きこなすディレクターさんtwitter

ヤギ好き度 ☆☆☆★★


WEBSITE