Designed by Shigetaka Mabe
デザインを担当したサイトで、2024年現在閲覧できるものを掲載しています。
(事例により公開時より改修が加えられている場合があります。)
https://reprise.tokyo/
Design Setのカテゴリ:
個人ポートフォリオ一覧のレイアウトを選択する
メモ
様々な実績の裏側に隠れたイラストレーターさんが今日もイラストを描いているようなパララックスフッターがポイント。
並べるだけで様になる豊富な実績のポートフォリオサイトなので、実績画像の切り替えやインタラクションで、いかに遊びとらしさを取り入れるかを考えました。
メモ
ロゴとWebサイトを担当。横スクロールのラインアニメーションで、靴下工場の立ち上げへ込めた思いとストーリーを描き、ロゴへとつなげていきました。工場の皆さんにも愛されるサイトを目指しましたが、お礼のメールがとても嬉しかった。
メモ
ブランドの特徴である、"北欧デザイン"と"北極の美しさ"の両面が成り立ち、且つ運用を考慮したMVをディストーションエフェクトでエモーショナルに表現。顧客だけでなく、ブランドの運営側も見やすい商品一覧ページのソート機能や、ブランドストーリーの伝わるコンテンツ作りにもこだわりました。
メモ
久米島にある泡盛メーカー、酒造りへの想いや泡盛を飲んだ時に広がる想像や会話など様々なものを、久米島のシルエットのマスクが広がっていくアニメーションで表現しました。
メモ
Choyaさんが運営する鎌倉と京都にある梅体験専門店のブランドECサイト。実際に店舗で梅酒体験をさせていただき、ブランドの持つ和のアセットを生かしながら、静謐で品のありつつもどこか可愛らしい佇まい、実店舗と連動した世界観作りをWebサイトへ落とし込んでいきました。
メモ
シューケアスプレーのブランドサイト。シューケアをして靴が綺麗になった時の軽やかな気持ち・柔らかな印象を、ナチュラルな写真とアニメーションでサイトにも実装、新しく刷新したパッケージのイラストの世界観を拡張させるサイトに。リニューアル前より大幅に売り上げが伸びたようでよかったです。
メモ
お世話になっている写真家さんのポートフォリオサイトをコロナで仕事が止まったのを機に制作。混ぜる画像によって変化するディストーションエフェクトを何パターンも試し、歪み具合を調整していくのが楽しかった。
メモ
プロジェクトが始まる前は中央のサクマくんしかいませんでしたが、サウナ小屋のサクマくんの周りに仲間が集まってくるビジュアルをLAMRONさんに描いていただき、楽しく賑やかなサイトに。様々なキャラクターたちは今ではYoutubeでアニメにもなっています。
メモ
人材派遣会社のコーポレートサイトに様々な色の粉が爆発し背景になることで、それぞれの新しい色を見つけてほしいという願いをWebGLで実装していただきました。こうなったら面白いんだけどできる?を叶えてくれたエンジニアさんの技術の賜物。
メモ
前年のトーンを引継ぎコロナ一色だったこの一年を象徴するようにブラックの背景に。トーンを引継ぎつつも、スプリットのモーダルやマウスアレンジなど随所にマイナーアップデートを模索しました。
メモ
この年から始まったSmart News Awards、スマニューカラーの4色を使った流体オブジェクトとスクロールアニメーションでVUCAな時代を表現。
メモ
GEKIさんとの初仕事、STUDIOでの制作。KVのパターンは難航しましたが、ロゴのOの部分の色を分解し、それぞれの色のラインが未来に向かって進んでいくアニメーションを製作していただき実装。
メモ
GEKIさんと夏に制作した採用サイト。手をかざすビジュアルとフォトディレクションも担当しましたが、フォトグラファーさんの抜群の対応力とモデルの社員さんの勘の良さが功を奏し、良い表情が多くセレクトが大変でした。