HUG

格好良さと親しみやすさがミックスされた洗練された印象のサイト

ホワイトとブラックの背景に、彩度を抑えた画像が並ぶ、落ち着いた印象のサイトです。ゆったりした余白と小さめのフォントサイズが上品さを演出し、英字見出しに使われているクラシカルな雰囲気と現代的なシャープさを併せ持つ「Cabinet Grotesk」が洗練された雰囲気を演出しています。
一方で、絵文字のアイコンがマウスカーソルに追従したり、サイト下部のコンタクトセクションで温かみのあるイエローベースのグラデーションが背景に使われていたりと、遊び心もあり、親しみやすさを感じることができます。

遊び心のあるマウスストーカーで親しみやすさを演出する

マウスカーソルに追従するマウスストーカーが設定されています。身近で馴染みのある絵文字が時間とともにさまざまな絵文字へと変化していく仕掛けです。面白いのは、任意の場所でマウスをクリックすると、スタンプのように絵文字がその場に残り、セリフが表示されることです。短時間で消えてしまいますが、フレンドリーなセリフがたくさん用意されていて、企業に対して親しみやすさを感じることができます。

手を繋ぐアクションで親しみやすさを演出する

コンタクトセクションでは、メールを送るためのリンクボタンに手のひらのアイコンが表示されています。このエリアでは、マウスカーソルのアイコンも手のひらのアイコンになっているのですが、こちらの手の位置に合わせてリンクボタンの手も方向を変え、リンクボタンにマウスホバーすることでお互いが握手するような演出が施されています。握手は、信頼や友好を示す挨拶であり、この演出があることで、一層親しみやすさを感じさせます。