24卒の若月です!!

今日の本日の投稿は、いつか絶対記事にしようと思っていたけど、忘れまくっていた”アレ”についてです。


そう、
>>バレットグループのHP<<
です!!!


フロントエンドエンジニア志望の私は、Webサイトが大好きです。
気に入った画面があると、どんな技術が使われているのかなぁ?とついつい調べてしまいます笑

就職先を探しているときにバレットのHPと出会い、強烈なインパクトを覚えました。
特にPCで見るとカッコいいです!!!

昨今のトレンドである、横スクロールを取り入れた画面は、ユーザにとって新鮮で面白いですね!!

黒を基調としたデザインに白文字を配置することで、非常におしゃれな雰囲気です。バレットのイメージにピッタリだなぁと。

エンジニア志望なので、一応技術的なところにも触れておくと、バレットのHPには「GSAP」という技術が使われています。これはHP等にアニメーションを実装するときに用いる技術です。要素を動かす自由度が高いので、Webサイトにしばしば利用されます。

美しいデザインと、それを実装するエンジニアさんの技術はすごいですね!!
実装にはかなりの時間がかかったそうです。今の私にはとても無理です笑


ちなみに、
>>リクルートサイト<<
もかっこよくてですね。
調べてみると、背景の波模様はランダムに生成されているようです。スクロールによって波の色が変わるのもかっこいい!!

そして、
文章に適した明朝体、
見出しに用いるゴシック体、
アクセントの手書き風のフォント
どれもこだわっているからこそ、おしゃれで見やすいHPになっているんでしょうね。

要素を右に寄せたり、左に寄せたり、重ねたりしているのにも関わらず、余白とフォントサイズが適切で可読性が高いことも、推しポイントです。

フォントのジャンプ率(大きいフォントと小さいフォントの差)も考えられて作られているなぁとか、スマホの画面は小さいのに、よくこのデザインがきれいに収まるなあとか。

言い始めたらきりが無いのでこの辺にしときますね笑
だいぶ個人的な趣味が溢れた記事になってしまいました(・ω・;)


もし興味をもっていただけたらバレットのHPもしくは、以下のリンクよりお申し込みください!!

随時開催している説明会はこちら↓↓
・総合職向け説明回
・経理職向け説明会

エンジニア向けのSE体験ワークができるインターンはこちら↓↓
・エンジニア向けインターン