人気ピクセル作家とコラボしたコーポレートサイト

株式会社クラシック

ピクセルアーティストの豊井祐太とコラボレーションしました。小規模なWEBサイトでもクリエイティブでインパクトを出した事例です。X(旧Twitter)では15万のインプレッションを獲得。私たちは企画と制作を担当しました。

WEB Design

猫とピクセルアートでWEBサイトを構成。スクロール位置に応じて猫がサイト内を駆け回ります。

Pixel Art

時間で違う表情を

メインビジュアルは2パターン。アクセスする時間帯に合わせて朝と夜が切り替わります。

ピクセルにリスペクトする実装

昨今のWEB制作では多くの画面解像度に対応できるよう異なる大きさの画像が必要です。１つの画像に対して2倍や3倍の大きさを用意しデバイスごとに切り替えます。しかし、ドット絵によるピクセルアートでは輪郭がぼけてしまう問題がありました。各解像度ごとにドットを打ち直すのでは工数が増えてしまう。
私たちは画像の輪郭を制御するCSSのプロパティで解決しました。

画像が拡大されてもエッジの効いた輪郭線を維持できます。一つの画像でどんなデバイスでもピクセルが、ぼけないピクセルアートにできるのです。

Planning

新しい会社だが古い事柄も大切にしたい。緩く謎な雰囲気にしたい。私たちは代表の想いをもとにアイディアを出しました。最終的には広い世代に親しみのあるスーパーファミコンの世界観を再現します。