T’S GARAGE FURNITURE 様
オリジナル家具の制作・販売、リフォーム事業などを行う T’S GARAGE FURNITURE 様のホームページを制作させていただきました。
次の動画はPC画面での操作プレビューです。
デザインについて
今回のホームページでは、家具や雑貨、リフォームなどの写真をたくさん使用するため、白をベースカラーに、アクセントカラーにはT’S GARAGE FURNITURE様のイメージカラーである深緑を使用しました。シンプルかつ高級感を演出するため、緩やかで滑らかなアニメーションと、丸みを帯びた優しいフォント、小さめのフォントサイズ、そして余白を広めに取りデザインしました。
機能について
主な機能は、お気に入り機能とお問い合わせフォームを実装しました。
お気に入り機能
お気に入り機能は、気に入った家具や雑貨をお気に入りページに保存しておくことができる機能です。この機能は会員登録なしで利用できます。（ただしシークレットモードで開いた場合には、ページを閉じると保存したお気に入りは消えてしまいます。）
リリースした時点ではお気に入り機能しか使えないようにしてありますが、管理画面側で設定を変更することで、カート機能や決済機能も利用できるように実装してあります。ご依頼時点ではオーダーメイド商品がメインであったため、一旦決済機能は不要とのことで、この様な仕様でリリースさせていただきました。
お問い合わせフォーム
今回実装したお問い合わせフォームは、WordPressのプラグインWooCommerceを利用しました。WooCommerceはWordPressで制作したサイトをECサイトに拡張できるプラグインです。このプラグインの主な機能には、次のような機能があります。
- お気に入り機能
- カート機能
- 決済機能
- 商品一覧画面
- 商品詳細画面
- 商品管理
- 注文管理
本案件では、 WooCommerceのお気に入り機能を拡張し、お気に入り商品について用件別にお問い合わせ出来るように改良しました。
上図の「ご用件をお選びください」項目で、お問い合わせ内容を選択します。そして「問い合わせる商品」項目には、お気に入りした商品が自動で一覧表示されます。初期表示で全てのお気に入り商品にチェックが入っており、問い合わせる商品だけチェックを残しそれ以外のチェックを外してお問い合わせすることが可能です。
他には簡単なお客様情報を記す項目をいくつか用意いたしました。
本サイトはレスポンシブ対応となっており、お問い合わせフォームもスマートフォンで見やすく表示されるようになっています。
WordPressのプラグインWooCommerceは、非常に高機能なプラグインです。工夫次第で様々な機能を自サイトに実装することが可能です。
また自サイトにショッピング機能を実装すると、BaseやShopifyなどでかかる手数料を節約することができます。また自サイトの管理画面だけで完結しているため、他の管理画面に切り替える煩雑さが無くなります。またなんといっても独自のデザインのオンラインショップを運用できるのがメリットです。自社のオンラインショップを検討している方には特におすすめです。
本事例のような独自のオンラインショップ機能付きホームページにご興味ある方は、やぎらぼへぜひお問い合わせください。
| クライアント | T’S GARAGE FURNITURE 様 |
| ウェブサイト・SNS | ホームページ https://ts-garage-furniture.com/ インスタグラム 公式 https://www.instagram.com/ts_garage_furniture/ 本社公式 https://www.instagram.com/ts_allworks/ |
| 制作物 | ホームページ・ECサイト |
| 制作物URL | https://ts-garage-furniture.com/ |
| 制作期間 | 要件定義〜納品まで約１ヶ月半 |
| 主な使用言語・フレームワーク | HTML, CSS, JavaScript, PHP(WordPress, WooCommerce), MySQL |
