オークションのWebアプリケーション制作のコーディング支援をさせていただきました。

モダンアートや現代美術を入札できるWebサイトです。
システム機能面は他社さまがすでに開発されており後々組み込むため、フロントエンド画面制作だけの支援となります。

機能について

• アカウント作成/編集/ログイン
• お気に入り作品の保存
• 作者のフォロー
• 入札/取り消し
• マイページ

制作環境について

開発期間

約6ヶ月

担当

フロントエンドコーディング

主な言語

• html（Pug）
• CSS（Sass）
• Javascript

コメント

ティザーサイトから本サイトまでコーディング支援させていただきました。

スクロールに合わせてロゴを変化させる演出を加えたいとのご要望で、ロゴを変化させるのにSVGアニメーションを採用しています。

作品一覧の追加読み込みが無限スクロールだったため、追加読み込みの際にロゴが左から色が変わるローディングを表示し、その後追加読み込みした作品が下から浮き上がるように出現する演出にしました。
読み込みしたページはSession Storageに保存し、詳細から一覧に戻った際にも再現できるようにしています。

Web上で入札できるサイトということでフォーム周りのバリデーションやUX・ユーザビリティに気を配り実装しました。