明けましておめでとうございます。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投稿のインプレッション数（表示回数）で受賞が決まります！ウマ年ことわざかるたを気に入ってくださいましたら、ぜひ、いいね・リポスト等をいただけますと幸いです！！%3Cblockquote%20class%3D%22twitter-tweet%22%3E%3Cp%20lang%3D%22ja%22%20dir%3D%22ltr%22%3EStudio%20Design%20Award%202025%3Cbr%3E%E3%83%8E%E3%83%9F%E3%83%8D%E3%83%BC%E3%83%88%E3%82%B5%E3%82%A4%E3%83%88%E7%B4%B9%E4%BB%8B%20%F0%9F%8E%89%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2FSDA2025%25E3%2582%25AA%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2582%25A8%25E3%2583%25B3%25E3%2582%25B9%25E8%25B3%259E%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23SDA2025%E3%82%AA%E3%83%BC%E3%83%87%E3%82%A3%E3%82%A8%E3%83%B3%E3%82%B9%E8%B3%9E%3C%2Fa%3E%3Cbr%3E1%2F26(%E6%9C%88)%2023%3A59%E3%81%BE%E3%81%A7%E6%8A%95%E7%A5%A8%E5%8F%97%E4%BB%98%E4%B8%AD%20%F0%9F%97%B3%EF%B8%8F%3Cbr%3E%3Cbr%3E%E3%82%B8%E3%82%B0%E3%83%8E%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%B8%E3%83%A3%E3%83%91%E3%83%B3%E5%B9%B4%E8%B3%80%E3%82%B5%E3%82%A4%E3%83%88%202026%20-%20%E3%82%A6%E3%83%9E%E5%B9%B4%E3%81%93%E3%81%A8%E3%82%8F%E3%81%96%E3%81%8B%E3%82%8B%E3%81%9F%3Ca%20href%3D%22https%3A%2F%2Ft.co%2FOQRG3lqyTt%22%3Ehttps%3A%2F%2Ft.co%2FOQRG3lqyTt%3C%2Fa%3E%3Cbr%3E%3Cbr%3E%E6%8A%95%E7%A5%A8%E6%96%B9%E6%B3%95%E3%81%AF%E3%80%81%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%81%AE%E5%9B%BA%E5%AE%9A%E6%8A%95%E7%A8%BF%E3%82%92%E3%81%94%E8%A6%A7%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%20%3Ca%20href%3D%22https%3A%2F%2Ft.co%2F7ShiXTnbrS%22%3Epic.twitter.com%2F7ShiXTnbrS%3C%2Fa%3E%3C%2Fp%3E%26mdash%3B%20Studio%20%7C%20Web%E5%88%B6%E4%BD%9C%E3%82%92%E3%80%81%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A7%E3%80%82%20(%40StudioDesign)%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2FStudioDesign%2Fstatus%2F2013045526606881120%3Fref_src%3Dtwsrc%255Etfw%22%3EJanuary%2019%2C%202026%3C%2Fa%3E%3C%2Fblockquote%3E%20%3Cscript%20async%20src%3D%22https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js%22%20charset%3D%22utf-8%22%3E%3C%2Fscript%3E%20