SuperVinylRecords様 BASEサイト

BASEというネットショップで立ち上げました。
SuperVinylRecords様は、現役時代にDJをしていた時に集めていたメジャーなレコードから超激レア限定レコード（プロモオンリー）などを激安で販売したいということで今回はBASEでオリジナルデザインとして制作させていただきます。
レコードは鑑賞用から現場目線で使えるモノを厳選に購入して集めたもので、次の世代の方へ引き継ぎたく販売というのがコンセプトです。
URL:https://supervinyl.official.ec/

プロジェクトの流れ

構成について

BASEのデフォルトテーマからどこまでオリジナルに改変できるかを調査することから始まりました。
まずデフォルトテーマはこのようになっています。
https://motherheads.official.ec/
ここから以下のようにカスタマイズしました。
https://supervinyl.official.ec/
ここから何ができるかを調べていきます。
必要な部品はプラグインとして追加していくことになります。
・カテゴリーの追加
・NEWのアイコンの追加
・検索窓の追加
・メッセージの追加
などになります。
また静止画のメインビュジュアル にしていますが、管理画面のボタンひとつでスライダーへと変更も簡単にできるようにメインビュジュアル の素材も用意し、設計しております。
また商品一覧は4列にしていますが、管理画面のボタンひとつで2列、3列、4列と簡単に変更できるようにもなっています。
このあたりはお好みで使っていただけるように機能を盛り込んでいいます。

デザインについて

BASEの機能を追加しても減らしても崩れない汎用性のあるデザイン設計にしています。
・カテゴリーを使用しない
・NEWのアイコンの非表示をしたとき
・検索窓を使用しない
など機能面を減らしても問題ありません。
ロゴとキャラクターのデザインもこちらで描いています。
スライダーになったときのメインビュジュアル も制作しています。
お知らせと特集アイテムを表示していますが、使わない時でもサイトが崩れないようにしています。

コーディング・マークアップについて

主な説明としては、ヘッダーと言われるメニューですが、ここはメニューが増えても減っても崩れないことを意識した設計でコーディングしています。
検索窓に関してもセンターでできるプログラミングをしています。
全体を含めて、主力条件は崩れないというのが条件です。なので、汎用性のある設計にすることに注力ししています。

運用について

クライアント様の方で商品追加をしていただきます。こちらではテストとして商品入力をさせていただき、追加のイメージができるようにしております。
これからの売上やサイトの認知などが興味のあるサイトです。