明けましておめでとうございます。
2026年が始まりましたね！
月日が流れるのは早いもので、気づけばもう1月も後半です。

さて、年始の恒例行事といえば年賀状。
弊社ではこれまで、2024年は「飛び出すAR年賀状」、2025年は「メタバース初詣」と、工夫を凝らした新年のご挨拶をお届けしてきました。

▲2024年に実施した「飛び出すAR年賀状」

▲2025年に実施した「メタバース初詣」

今年、弊社では新しい試みとして、年賀状をはがきからメールでのご挨拶に切り替えました。

しかし、ただメールを送るだけでは、どうも味気なさを感じてしまいます。

「ご挨拶する皆様に、2026年のはじまりを楽しく過ごしてほしい！」

そんな想いから、何かワクワクするような試みはできないかと考えました。

チーム内でアイデアを持ち寄り、
「お正月だし、かるたで午（うま）年にちなんだことわざを楽しく紹介するLPを作ろう！」
ということになりました！

今回は、デザイナーチームでデザイン案を持ち寄り、
検討を重ねた結果、こちらのデザインに決定いたしました！

カラフルでポップな馬がとってもかわいいデザインです！

実装は、Webサイト制作ツールの「Studio」を使用しています。
弊社では自社サービスのLP制作や、この「ねるねるブログ」でも活用させていただいているツールです。
専門的なコーディング知識がなくても、デザイナーの感性をそのままスピーディーに形にできる（実装できる）点が非常に魅力的です。

遊び心あふれる楽しいページに仕上がりました！
ぜひ、実際のページをご覧ください！

ウマ年ことわざかるた
https://lab.gigno.co.jp/

▼ここからは、ぜひ注目していただきたい「こだわりポイント」を解説していきます！▼

オープニングアニメーション

サイトを開いた瞬間のワクワク感を高めるため、CSSでオープニングアニメーションを実装しました。
Studioの「カスタムコード」機能を活用することで、標準機能だけでは表現しきれない、導入からワクワクするような演出を盛り込んでいます。

遊び心を加えるアニメーション

イラストのポップな世界観に合わせて、サイトの要所にアニメーションを散りばめました。
楽しい動きが目に飛び込んできます。

飛び出す？！「動くかるた」

画面上にかるたが重なっていくような、奥行きのある構成にこだわりました。
マウスをホバーすると、立体感のあるかるたが「くるり」とひっくり返り、さらにクリックやタップをすると、可愛らしい動きとともに、かるたが手前に飛び出してきます！

まとめ

Studioでの構築経験が浅く、チームで手探りの実装ではありましたが、
「こうしたい！」という理想をデザイナーがダイレクトに反映できるのは、まさにStudioの大きな魅力だと再確認しました。
チーム一同、とても楽しみながら制作に打ち込むことができました。

弊社デザインチームでは、今回ご紹介したようなStudioを活用したLP制作のご相談を承っております。
シンプルに情報を伝えるWebサイトや、凝ったアニメーションを使用したLP、CMSを使用したメディアサイトまで、デザインから実装までスピーディーに対応可能です。

「動きのあるサイトを作りたい」「想いを形にしたい」という方は、ぜひお気軽にご相談ください！！

Studio Design Award 2025 にノミネートしていただきました！

https://designaward2025.studio.design/

300以上のエントリーの中から、受賞候補50サイトに選出されています！

ただいま、Studio Design Award 2025 「オーディエンス賞」の投票が受付中です。
こちらはX投稿のインプレッション数（表示回数）で受賞が決まります！

ウマ年ことわざかるたを気に入ってくださいましたら、
ぜひ、いいね・リポスト等をいただけますと幸いです！！