<いちさんた符号組立所>

●Marquee24 様

URL

https://marquee24.net/

担当工程

ディレクション

デザイン

コーディング

制作期間

3ヶ月

■概要

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

■タイトル

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

■ハンバーガーメニュー

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

■Scheduleページ ライブ情報詳細

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

●シバジュク酒場 様

URL

https://podcast.shibajuku.net./

制作チーム

smitten

ディレクション

くみさん

デザイン

くみさん

コーディング

くみさん

marinoさん

tomoさん

いちさんた

監修

しばたさん

制作期間

8ヶ月

■概要

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

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

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

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

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