<Late Bloomer Web Works>

■Marquee24 様

https://marquee24.net/

■担当工程

ディレクション

デザイン

コーディング

更新

■制作期間

3ヶ月

■概要

札幌のライブバー・MARQUEE 24様のWebサイトを制作させていただきました。
サイト公開後はライブ情報と営業カレンダーの更新作業をさせていただいています。

■タイトル

店名にはバーで見かけるネオン管をイメージした影を付けました。
背景色はご依頼主様のご希望でブリティッシュグリーンをイメージした深めの緑に。

■ハンバーガーメニュー

公開当初は3本線のハンバーガーメニューでしたが、ご来店されたお客様より3本線をタップすることでメニューが開くことがわからなかった、というお声をいただき、現行のボタンに変更しました。

■Scheduleページライブ詳細

当初は複数の詳細が開かないように、2つ目の詳細を開くと自動で閉じるようにしましたが、自分でしていない操作が混乱を招く可能性を考慮し、詳細を閉じる時は手動にしました。
また、開いたライブの詳細が見やすいように、クリックで最上部にスクロールするようにしました。

■シバジュク酒場 様

https://podcast.shibajuku.net/

■制作チーム

smitten

■ディレクション

くみさん

■デザイン

くみさん

■コーディング

くみさん

marinoさん

tomoさん

いちさんた

■監修

しばたさん

■制作期間

8ヶ月

■概要

Shibajukuでシバジュク酒場紹介ページ制作プロジェクトにコーディングで参加させていただきました。

■ローディングアニメーション

SVGの画像でローディングアニメーションを実装しました。

■ガチャガチャアニメーション

「おまかせで聴く」をクリックしてランダム再生をする時の、ガチャガチャのアニメーションの実装をしました。
カプセルが開いた時のエピソード番号が表示される部分はくみさんに実装していただきました。