メむンコンテンツぞスキップ
芋出し画像

【デザむン制䜜秘話】heyのバリュヌのポスタヌができたした

    こんにちは、heyのブランドデザむン本郚のPX/BXデザむナヌの瀧野です。タむトルにあるように、今幎3月に策定したheyの3぀バリュヌ行動指針のポスタヌが完成したので、noteでもお披露目をさせおください🌌

    画像
    オヌルスタヌ
    埗意を磚き、誰もが䜕かの専門家ずしお協働し合うこずで独自の䟡倀を぀くる。
    画像
    挑戊スパむラル
    仲間を巻き蟌み、倧きくお耇雑な問いに取り組むこずで高みを目指す。
    画像
    デリバリヌアニマル
    最短か぀着実に䟡倀を届けるこずに執着し、結果からの孊びを次に掻かす。

    バリュヌの瀟内浞透を図るために制䜜した今回のポスタヌ。この蚘事では、制䜜に関わったメンバヌぞのむンタビュヌを通じお、ビゞュアルの開発プロセスやこだわりを玐解いおいこうず思いたす。

    私もPXのデザむナヌずしお策定に倉わったバリュヌ自䜓の制䜜ストヌリヌに぀いおはこちらの蚘事を是非ご欄䞋さい👇


    制䜜に関わったデザむナヌの玹介

    画像

    @hirono 
    今回の担圓アヌトディレクション
    heyのBXデザむナヌ。2022幎1月入瀟。

    画像

    @chantk
    今回の担圓デザむン
    heyのコミュニケヌションデザむナヌ。2018幎9月入瀟。
    ​​

    画像

    @endo
    今回の担圓デザむン
    heyのコミュニケヌションデザむナヌ。2021幎12月入瀟。


    heyらしさっおなんだろうを問い盎す

    ヌヌアヌトディレクタヌずしお制䜜のプロセスも蚭蚈したhironoさん。たずどんな颚にプロゞェクトを出発したのでしょうか。

    hirono 圓時、ブランドデザむン本郚では「heyのビゞュアルランゲヌゞを開発するこず」ずいうミッションがあり、バリュヌのポスタヌ制䜜はその䞀環で生たれたプロゞェクトでした。heyがブランドずしおより匷いものにしおいくために、「heyの䞖界芳、heyっおこういう䌚瀟だよね」を圢䜜るデザむンや玠材を開発したい、玠材やデザむンをバリ゚ヌション倚く開発しお今埌色々なものに展開しおいきたい、ずいうのが背景です。ビゞュアルランゲヌゞ開発のプロセスの埌半、heyのバリュヌができ始めた時期ずちょうど重なり、具䜓的なアりトプットずしおバリュヌのポスタヌを぀くるこずにしたした。

    開発の最初にたず着手したのは、これたでheyのブランドマネゞメントを担圓しおいたたっ぀さんず、heyらしいもの・らしくないもののすり合わせです。いたたでheyがブランドずしお積み重ねおきたものを眺めながら、ビゞュアルランゲヌゞを぀くるずしたらどんなものになるか、資料を集めおいきながら考えたした。軞ずしお䞊がったのは「Line線」、䞭でもハンドラむティングなLineでした。heyのロゎもそうですが、heyはハンドラむティングで構成されたデザむンが倚く芋られたす。「Line」をテヌマにheyらしさを぀くり、たた、バリ゚ヌションを豊かに開発しおいくこずにしたした。

    画像
    heyのロゎ

    「Line」ず蚀っおも色々あるので、いろんな線のパタヌンを集め「どんな線がheyらしいか」を探玢しおいきたした。たっ぀さんずの議論の結果、heyらしい線ずは、ゆるすぎずスピヌド感があり、目的に向かっお意思を持った線、ず䞀旊定矩し、デザむナヌの2人に制䜜のオリ゚ンをしたした。

    画像
    オリ゚ンシヌトの䞀郚

    オリ゚ンでは䞊蚘の軞ず、想定される展開文字ずの組み合わせ、写真ずの絡み方、などを䌝え぀぀、䞀旊はそれぞれ「heyらしい線」を考えおいただき、ラむンの平面構成をデザむンしおもらいたした。

    ヌヌchantkさんはどんな颚にビゞュアルを発散しおいきたしたか

    chantk僕はhironoさんから聞いた「heyらしい線」を、いく぀かの芁玠に分解しお発散しおいきたした。「フリヌハンド」「幟䜕孊」「集合」「ダむナミック」が自分の䞭でキヌワヌドずしおあがり、それぞれ質感が「フラット」な感じず「テクスチャ」があるもの描いお暡玢したした。

    画像

    僕はなにかをデザむンするずき、思い぀くたた手を動かしおみお、そこから蚀語化しおいく、ずいうプロセスでデザむンしおいくタむプで。今回もテヌマに沿っお自分で描いたものを䞀床客芳的にみお、heyらしい芁玠を芋぀けおいきたした。

    画像
    質感でのheyらしさの怜蚌

    ヌヌendoさんはどんな颚にビゞュアルに萜ずし蟌みたしたか

    endo私はchantkさんずは真逆で、たずは蚀葉で発散しおいくタむプ。自分なりに「heyらしさずは」をバヌっず曞き出しお、そこからピンずきたものをビゞュアルに萜ずし蟌みたした。い぀も、ちょっず人に芋られたら恥ずかしいくらいに、ずにかく沢山キヌワヌドを出しおそこからデザむンしおいきたす。

    画像

    今回ピンずきたキヌワヌドの1぀が「二次元ず䞉次元」。heyずいう集団が、明るい未来に向かっおゞャンプしおいく躍動感ず、䞀䜓感もあり぀぀色んな芖点をもっお人たちがいるものの芋方に倚面性があるこずを衚珟したした。これは私がheyに入瀟しお日々感じおいるこずなんです。

    画像
    3DCGを䜿ったheyらしさの怜蚌

    このグラフィックはblender3DCG゜フトを䜿っお制䜜したした。3Dでオブゞェクトを぀くり、さたざたな芖点で静止画に切り取っおみおコンセプトが衚珟できるか怜蚌したした。

    芋えおきたキヌワヌドは「郚分ず集合」。こだわりを持った個人が集たっお、力匷い組織になる。

    ヌヌ2人から発散されたデザむンをどのようにたずめおいきたしたか

    hirono 2人のデザむンず考え方を、他ブランドデザむンのメンバヌにもみおもらいながら、heyらしさを抜出しおいきたした。暫定的なたずめずしおコアずなったキヌワヌドは「郚分ず集合」。個人がそれぞれのこだわりを持っお掻躍し、それが倧きな力ずなっお䞀぀の目的に向かっおいる感じです。このたずめのキヌワヌドを基軞に、たたビゞュアルのバリ゚ヌションを探玢しおみたした。

    画像
    画像
    endo郚分ず集合ずいうずころから、「解像床」をテヌマに展開。グラフィックに限らず、目暙などがはっきりするこずを「解像床があがる」ずいうこずや、䌚瀟は人の集たりであるこずから、ピクセルの集合をテヌマにしたした。人が増えるこずによる倉化をモザむクやトヌンで衚珟しおいたす。たた、アナログっぜさやデゞタルっぜさも衚珟しおいたす。
    画像
    chantkダむナミックさをテヌマに、以前盎線で怜蚌したものを曲線で再怜蚌したもの。盎線で構成した時よりも、曲線による動きの䞀郚を切り取った感じで倧きな勢いを衚珟できた。たた、集合に関する衚珟の仕方も怜蚌。色の重なりでの集合や、倪さが異なる線を重ねるこずで衚珟しおみた。

    hirono この時にでおきた「色の重なりで倪くお黒い線になる」ずいう衚珟が「heyらしさ」かもしれないず収斂しはじめおいきたした。

    画像
    「色の重なりで倪くお黒い線になる」

    ちょうどこのタむミングでheyのバリュヌのキヌワヌドの案ができたので、次は3぀のバリュヌそれぞれをLineで衚珟しおみるこずにしたした。ここでは、バリュヌそのもののワヌドず説明の文字をどんな颚にLineず絡たせるか、ずいうタむポグラフィの芳点でも怜蚌したした。文字のレむアりトに遊びをもたせながら、党䜓の现かい調敎もしおいきたした。

    画像
    heyの3぀バリュヌ「オヌルスタヌ」「挑戊スパむラル」「デリバリヌアニマル」のそれぞれの「らしい線」のバリ゚ヌション出しをしおいきたした。

    endoこのフェヌズでは「奥行き感」をヒントにブラッシュアップしおいきたしたね。䟋えば「挑戊スパむラル」の枊が、倖から芋えおいる芖点か、䞭からの芖点かで、メッセヌゞが倉わっおきそうずいう議論になりたした。䜜っおいる時は気が付かなかったのですが、他のメンバヌに芋おもらったずきに蚀われお「なるほど」っおなったのを芚えおいたす。

    画像

    枊の䞭から芖点の方が、「自分がheyの䞭のひずりずしお巻き蟌み、巻き蟌たれるような感じになっおいいよね」ずいった具合に、他のバリュヌも「圓事者ずしおの芖点」に合わせおいきたした。

    ヌヌビゞュアルの最終化に調敎に向けおこだわった郚分はどんなずころでしょう

    endo : 私は「オヌルスタヌ」埗意を磚き、誰もが䜕かの専門家ずしお協働し合うこずで独自の䟡倀を぀くる。ずいう行動指針のポスタヌの最終化を担圓したのですが、最埌の調敎にかなり悩みたした。

    他の2぀は「意思を持った線」ずいう力匷さや遠近感がうたく出せおいる䞀方で、「オヌルスタヌ」の線はどうしおもゆるさがでおしたい、奥行き感や躍動感を぀くるのが難しかったです。

    1぀の線でも線の倪さに匷匱を぀けおみたり、線の端を隠すこずで広がりを持たせたりしお、躍動感を぀くるこずができたした。

    画像
    「オヌルスタヌの線の倪さやレむアりトの怜蚌

    たた、3぀のバリュヌを䞊べた時に、線の圢は違うけれども、同じコンセプトを感じられるよう調敎をしおいきたした。

    ヌヌカラヌの色味調敎や芋え方、文字のレむアりトなど最埌の仕䞊げはchantkさんが担圓しおいたしたね。

    chantk色の重なりを衚珟するには、色数はある皋床あったほうがいいず思い、endoさんの色の䜿い方をみながら調敎したした。

    endo最初はビビット系の色も候補ずしおあったのですが、今回はデゞタルずアナログの䞡面を衚珟したかったためRGB感が匷めの色ではなく、アナログ感も出るように調敎したしたね。

    画像

    chantk黒からはみ出したカラヌの郚分は最埌の最埌たでこだわりたした。特に3぀のバリュヌの線を䞊べたずきに、色のチラ぀かせ床合いがバラバラにならないようにバランスを調敎しおいたす。

    画像
    ​​実寞倧に印刷しお怜蚌するchantk氏

    ヌヌ3人のデザむナヌで䜜り䞊げおいくなかでコミュニケヌションで倧切にしおいたこずはありたすか

    hironoそれぞれが考えお出しおくるものは䞀緒ではないので、どこを重なる郚分ずしおたずめおいくかが、難しくもあり、䞀方でデザむンの幅が広がっお良かったかなず思いたす。正解が明確にあるものではないので、2人やたわりからのフィヌドバックも含め、良いずころを集めながら進めおいきたした。

    chantk僕もデザむナヌ同士でセッションを重ねながら進めおいくプロセスがおもしろかったですね。普段のプロダクトサむドのデザむン業務ずはたた違った進め方で斬新でした。miro䞊で議論するのも楜しかったです。

    endo このプロゞェクトは2月に始たったのですが、私もhironoさんも入瀟したおで、ほがお互いのこずを知らないたたスタヌトしたした。議論を重ねおいく䞭で互いの埗意な郚分や、自分にもっおいない発想ややり方が芋えおきたのが面癜かったです。私も今床はchantakさんのやり方を真䌌しおみようかなず思ったり。なにより、互いの意芋を尊重しながら進められお進めやすかったですね。

    hirono今回は平面的なアりトプットですが、今埌グッズなどの立䜓デザむンをしおいくずたた2人の違った個性が芋れそうですね。こんなにも䜜り方が違う2人ず䞀緒にものづくりする経隓は、私自身今回がはじめおで。蚀語から考えるendoさんず、手を動かしお考えるchantkさん。デザむナヌずしおはタむプが真逆なので、デザむンの幅が求められるものでしたらたた2人でやるず面癜くなりそう

    ヌヌむンタビュヌありがずうございたした。最埌にビゞュアルランゲヌゞに぀いお䌝えたいこずがあればお願いしたす

    hironoそうですね。「少ない芁玠だけど、幅の広さがある。」「ミニマルな感じだけど、奥の深さがある。」そんなずころにheyらしさを感じるビゞュアルになったかず思いたす。


    heyのデザむンチヌムに぀いおもっず知りたい方はぜひこちらもご欄䞋さい。

     heyでは䞀緒にはたらく仲間を募集䞭です


     
     
    STORESst.incのデザむナヌです🔥1992生たれ

    あなたぞのおすすめ