orange plus music

Blog

退職者へ贈る「デジタル色紙」を制作しました

2015.11.17

お世話になった先輩の退職にあたり「デジタル色紙」を制作しました。

制作期間は10日ほど。コーディングは自分ですが、企画や画像編集等で2人、またその他多くの社内の方にご協力頂いて完成した作品です。
 
退職された方は人事という職種だったのですが、
・人が好きということで「写真(顔・表情)」+「手書きのメッセージ」を同時に伝えたい
・社外含め距離を超えた方からのメッセージも贈りたい
・一度見て終わりではなくいつでもスマホから見返せるように
などなどの背景からwebサイトで表現する「デジタル色紙」にたどり着きました。
 
デザインは映画のフィルムのような形にして、退職・転職という節目をエンドロールとして表現しました。これまでの会社での登場人物をサイトに載せたイメージです。
 
渡す時は、外から見てもメッセージと分かるのがいいよねということでGmailっぽい画像で挟んだクリアファイルにQRコードを載せて、封筒を開けるような気持ちでスマホからサイトに飛んでもらって中身を見る、という流れにしました。
 
結果、とても喜んでもらえて自分も嬉しかったです。
 
 
ページ自体は、画像が重い、スクロールできない、サイト内検索がない、もっといいjQueryの書き方がある、、などなどあるのでもっと勉強します。。
今回フィルム部分はCSS3、画像はjQueryとなんとか頑張ったレベルの表現なので、もっとスムーズな動きを実現できるようjavascriptを研究したいです。
 
※リンク先の掲載を削除しました。(2016/12/1)ページの詳細聞きたい方はメッセージください。

Share

Follow Twitter

orange plus musicの最新情報は
Twitterをフォロー!

Follow Spotify

おすすめの穏やかな音楽を
Spotifyプレイリストで発信中!