• React

メープル・シーリング

https://maplesealing.com/

企画から、デザインカンプ・ロゴ作成、ライティング、コーディング、機能実装、サーバー設定まで全て行いました。ReactベースのGatsby.jsを使用し、サイト高速化、SEO対策、PWA化を施しています。

スマホ表示時には、ひと目でメニューがわかるようにあえてハンバーガーメニューを使用せず、ワンタッチでページ遷移できるようにナビをデザインしました。サイトを高速化することによってタブUIのような遷移が可能になっています。

メールフォームはPHPにて実装し、React側からAxiosでデータを渡しています。

Lighthouseの測定ではオール１００点の結果になっています。

SEO対策の結果、検索ワード「富士宮　シーリング」、「富士宮　コーキング」で共に１位に表示されるようになりました（２０２０年４月現在）。