2026恋活イベント横浜・八景島シーパラダイス

夜の水族館の世界観を、そのままWebに。

横浜・八景島シーパラダイスの夜の水族館を貸し切って開催される恋活イベント「夜恋大合コン」。デザイナーが作り込んだFigmaデザインを、崩さず・軽く・動く形にするコーディングを担当しました。

Overview

案件概要

デザインの意図を1pxまで汲んで実装する「コーディング担当」としての案件です。

Website

水族館の夜をそのまま閉じ込めたようなデザイン。実装側の仕事は、この世界観を壊さずに、どの端末でも軽く・正しく動かすことです。

ファーストビューは水族館の実写動画を背景に、ネオン調のロゴを重ねる構成。動画は読み込みを待たせないようポスター画像を先に表示し、雰囲気と速度を両立させています。

スマホ前提の縦長デザインを、PCでは魚群の写真とナビゲーションを左右に配した3面構成に組み直しました。ただ中央に置いて余白を放置するのではなく、大画面でも没入感が続くようにしています。

ネオンサイン調のアイコンやグラデーションの発光は、デザインデータの見た目を基準に実装。「Figmaでは綺麗だったのに」を起こさないことが、コーディング担当の責任範囲だと考えています。

デザインデータはあるのに、Webにすると雰囲気が変わってしまう。そんなお悩みも、コーディングからご一緒できます。