はじめに
こんにちは。
春の風が心地よくなってきたこの頃ですが、今回はちょっぴり季節を巻き戻して——
「年賀状サイト」制作のお話をさせてください。
スピッカートでは、毎年社内チームがリレー形式で年賀状制作を担当するのが恒例。
2025年版の企画・デザインは、入社1年目だった私がバトンを受け取りました。
「会社の新年のご挨拶」となる年賀状サイトを、自分が担当するなんて…！
緊張しながらもつくる楽しさをエネルギーに、なんとか形にしていった日々でした。
▶︎ 完成したサイトはこちら！
気づけば2年目に突入し、あっという間だった1年目を少しだけ振り返るような気持ちで、
今回はこの年賀状サイトの制作舞台裏をお届けします！
1 「凧」か「書き初め」か。ドキドキのアイデア共有会
スピッカートの年賀状は、一昨年までは紙のハガキでお届けしていましたが、デジタル化の流れもあり、昨年からは年賀状の送付を控えさせていただくことに。その代わりとして、「年賀状サイト」とメールを通じて、新年のご挨拶をお届けすることになりました。
入社前から、歴代の年賀状のすてきなデザインを眺めては憧れていたので、先への緊張と「やってみたい！」というワクワクが混ざり合って、少し浮足立ちながらのスタートでした。
まずは10月18日のアイデア共有会。2案を提案しました。
案①「KITE Flying」
凧あげをモチーフに、社員それぞれの「今年の漢字」をデザインした凧をサイト上の空へ高く上げるという構成。
案②「KAKIZOME Card」
書き初めをテーマに、社員の「毛筆がき」をオフィスの各所に掲示して、オフィスツアーも兼ねたサイトです。(この時、背景のオフィスは写真の予定でした。）
いずれも、「見る人を楽しませたい」「スピッカートの個性が光るものにしたい」「新しい年に向けて、希望が広がるような可能性を感じてもらいたい」——そんな想いを込めて練ったアイデアでした。
ミーティングでは、案②の「書き初め」をテーマに、イラストを全面に活かす方向で話が進みました。また、「ただ社内の抱負を見るだけの内容では、見る人の興味が続きにくいかも」というご意見もいただき、ゲーム性を取り入れることで、楽しみながら参加してもらえる年賀状サイトにしよう！という方針が固まりました。
2 オフィスの魅力、まるごと1枚に。イラスト制作の3日間
アイデア共有会を経て、オフィスに隠された社員の書き初めを見つけていく“宝探しゲーム”に見立てた構成を企画し、それぞれの空間はイラストで描くというスタイルに。表紙を含め、計6枚のイラストを制作しました。
使用ツールはiPadとApple Pencil。おおまかな流れはこんな感じです。
1.サイトの画面比率を意識しつつ、ノートに鉛筆でラフスケッチ。
2.スケッチをiPadのカメラで撮影し、Illustratorに取り込んで描き込み。
3.遠近と配色の統一感を意識しながら、イラストを仕上げていきます。
イラストのタッチは、パスのきちんと感を残しつつも、どこか柔らかい印象になるよう心がけました。
自分なりに“オフィスの好きなポイント”と“輪郭の美しさ”が重なる部分を探しながら、3日間、没頭しました。
3 エンジニアさんとの連携と、今後の学び
デザインが完成すると、いよいよエンジニアさんとの連携フェーズに入ります。
年末進行のバタバタも相まって、スケジュール管理の大切さを痛感する毎日でした。
特に今回は、素材の回収（社員の書き初めなど）が終盤に集中してしまったり、想定よりもボリュームが膨らんでしまったことで、全体の進行に余裕を持てなかったのが反省点です。
また、UI設計が詰めきれていなかったことで、公開直前にアンカーリンクを追加したり、想定外のパーツが必要になったりと、データの行き来が多くなってしまいました。
今回に限らずWeb制作では、制作前にもっと情報設計をしっかり詰めたり、必要な動線や要素を先に洗い出したり。
Webサイトの「見た目」だけでなく「仕組み」も考えながら、デザインの幅を広げていけたらと思います。
さらに、書き初めゲームを楽しんでくれた皆さまへの感謝の気持ちを込めて、ささやかではありますが抽選でプレゼントをご用意しました。「スピッカート福袋」と題し、3名さまに向けた企画として進行していたのですが、こちらも反省点が多く……。福袋の完成形が曖昧だったことや、梱包に必要な材料の把握がギリギリになってしまったことなど、改善の余地がたくさんあります。
とはいえ、内容はとっても豪華！スピッカートとご縁のある企業さまの素敵なアイテムを詰め込んだラインナップはこちら
- むか新さま／【数量限定】BROWN BUTTER CAN
- VOILA COFFEEさま／品評会入賞ドリップバッグコーヒー10個ギフト
- 泊綜合食品株式会社さま／らっきょうマスキングテープ・らっきょうクリアファイル
- ei-toさま／エッセンシャルエアスプレー
- 株式会社ナカニさま／手拭い「お正月 ポチ袋」・「花みくじ」・「coffee time」
（※手拭いは当選者の3名さまでそれぞれデザインが違います）
抽選応募フォームには年賀状サイトの感想欄を設けていたのですが、なんと186件ものコメントが！ 「面白くて、いつのまにか全部クリアできました！」「今年も楽しませてもらいました！」など、あたたかくて嬉しい声ばかりで、本当に励みになりました。
当選されたMickey ( Takafumi Miki ) | bananaさんの福袋開封の様子を共有させていただきました！
ポストしてくださりありがとうございます✨
おわりに。
嬉しいことに、今回制作した年賀状サイトは『Web Designing』に掲載され、複数のまとめサイトでも紹介していただきました。
まさか自分が1年目で関わったお仕事が、そんなふうに取り上げていただけるとは思わず、とても励みになる経験となりました。
そして何より、慣れない中でご迷惑をおかけしながらも、最後まで親身になって一緒に作り上げてくださった先輩方のおかげで、無事に完成できたのだと実感しています。
誰かの新年に、ふっと笑顔が生まれるような。
そんな気持ちを込めたサイトが、少しでも届いていたら嬉しいです。
これからは、Webサイトの仕組みをより深く理解しながら、見せ方を工夫して伝わるデザインを目指していきたいと思います。
読んでくださり、本当にありがとうございました！