ヘッドレスCMSによるサイト全面リニューアル!速度改善や課題に取り組んだデータ公開
[24/02/17]
提供元:PRTIMES
提供元:PRTIMES
WordpressからNext.jsへ公式サイトをリニューアル
株式会社アンダーグルーヴ(代表取締役:小林 嶺)が運営する買取サービス「FIRSTCLASS-ファーストクラス」の公式サイトが、新時代のサイト形態ヘッドレスCMS、Next.jsで全面リニューアルしました。リニューアルは全て自社エンジニアにより行い、速度改善、機能追加などさまざまな課題に取り組んだ結果をデータに基づき公開することといたしました。
[画像1: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-193e514a4f431c6f9bcdf4b0c60ba4a9-3042x2164.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
リニューアルしたFIRSTCLASS公式ホームページ
公式サイトへ
株式会社アンダーグルーヴ(以下当社)が運営するブランド買取サービス「FIRSTCLASS-ファーストクラス-(https://first-class.ne.jp)」では公式サイトを全面リニューアルしました。
リニューアルに伴いWordpressから、Next.jsを利用した自社開発ヘッドレスCMSを採用し、さまざまな課題解決に取り組みました。
より詳細は新たに今回開設した社内ブログにて記事としてまとめています。
・サイト運営及びSEO責任者のブログ
【ウェブ担当者必見】ヘッドレスCMSを導入でホームページの表示速度はどれくらい速くなった?自社開発サイトリニューアル事例を解説
・開発担当エンジニアのブログ
自社サービスサイトをWordPressからNext.jsへ、社内エンジニアからみる開発の裏側
当社としてもデータや情報を発信することで、フィードバックをいただけたり、更なる機能改善に活かしたいという思いで公開するに至りました。
多くのサイト運営者やウェブ担当者には役立つ情報となっているかと思います。
■本リニューアルにおける主な利用技術
フロントエンド:Next.js
API:Ruby on Rails
外部API:SendGrid,screendot
サーバー構成:Vercel,Azure Blob Storage,さくらVPS
取り組んだ課題
- 表示速度改善
- デザインリニューアル
- 事例検索機能の追加 等
表示速度改善事例の一部
※Google PageSpeed Insightsのデータに基づき速度改善を計りました。
リニューアル以前のデータ
[画像2: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-2303040ed3efe4df61cb68ec28b93ef1-1257x812.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
[画像3: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-b2cf21b9affc053aa0d1d35cb0c021b5-1260x885.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
リニューアル以後のデータ
[画像4: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-68d1073a4a42031a2b733c5eeffe440b-1293x804.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
[画像5: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-aeff00a44b0224cd4efcc2c6a67ad1ac-1300x896.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
デザインリニューアル例の一部
[画像6: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-c830a84bbe82804d74d8c98a763c1582-1200x1179.jpg?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
サイトデザインを大幅に変更
[画像7: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-0fbcd1e835b569af1a979434331e7358-1200x675.jpg?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
サービスロゴを刷新
事例検索機能の追加と拡充
[画像8: https://prtimes.jp/api/file.php?c_id=93290&t=animationGifImage&f=e962510b7f4c40618ad82e9af99da431.gif ]
サイト内事例検索デモ
FIRSTCLASS-ファーストクラス-の過去の買取実績から「キーワード」「詳細条件」での検索が可能となりました。商品名や品番など正確なワードだけでなく、アバウトなフリーワード検索にも対応しています。
本リニューアルを終えて
今回のリニューアルは全て社内で手掛けました。デザインやコーディングだけでなく、サイト内で使っている画像や動画素材も全て自分たちで撮影したものです。
当社としても初めての試みでさまざまな困難がありましたが、その分サービスに対する思いやこだわりをより強く込めることができました。
当社が運営する買取サービス「FIRSTCLASS-ファーストクラス-」は信頼感や透明性というものに重きを置き、初めて買取サービスを利用する方にも満足していただくことをテーマとしています。
サイト運営に関しては、競合他社にはない機能やコンテンツをさらに拡大していき、ご利用いただくお客様に満足いただけるサービスを目指し今後も運営していきます。
[画像9: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-72593de9541e8069fb073212d76def21-1000x779.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]株式会社アンダーグルーヴ
〒161-0034
東京都新宿区上落合3-8-25 FLAMP1007
TEL 03-6908-5892
URL:https://undergroove.co.jp
この記事に関するお問い合わせ先
info@undergroove.co.jp
代表:03-6908-5892
プレスリリース責任者:小林 嶺
株式会社アンダーグルーヴ(代表取締役:小林 嶺)が運営する買取サービス「FIRSTCLASS-ファーストクラス」の公式サイトが、新時代のサイト形態ヘッドレスCMS、Next.jsで全面リニューアルしました。リニューアルは全て自社エンジニアにより行い、速度改善、機能追加などさまざまな課題に取り組んだ結果をデータに基づき公開することといたしました。
[画像1: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-193e514a4f431c6f9bcdf4b0c60ba4a9-3042x2164.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
リニューアルしたFIRSTCLASS公式ホームページ
公式サイトへ
株式会社アンダーグルーヴ(以下当社)が運営するブランド買取サービス「FIRSTCLASS-ファーストクラス-(https://first-class.ne.jp)」では公式サイトを全面リニューアルしました。
リニューアルに伴いWordpressから、Next.jsを利用した自社開発ヘッドレスCMSを採用し、さまざまな課題解決に取り組みました。
より詳細は新たに今回開設した社内ブログにて記事としてまとめています。
・サイト運営及びSEO責任者のブログ
【ウェブ担当者必見】ヘッドレスCMSを導入でホームページの表示速度はどれくらい速くなった?自社開発サイトリニューアル事例を解説
・開発担当エンジニアのブログ
自社サービスサイトをWordPressからNext.jsへ、社内エンジニアからみる開発の裏側
当社としてもデータや情報を発信することで、フィードバックをいただけたり、更なる機能改善に活かしたいという思いで公開するに至りました。
多くのサイト運営者やウェブ担当者には役立つ情報となっているかと思います。
■本リニューアルにおける主な利用技術
フロントエンド:Next.js
API:Ruby on Rails
外部API:SendGrid,screendot
サーバー構成:Vercel,Azure Blob Storage,さくらVPS
取り組んだ課題
- 表示速度改善
- デザインリニューアル
- 事例検索機能の追加 等
表示速度改善事例の一部
※Google PageSpeed Insightsのデータに基づき速度改善を計りました。
リニューアル以前のデータ
[画像2: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-2303040ed3efe4df61cb68ec28b93ef1-1257x812.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
[画像3: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-b2cf21b9affc053aa0d1d35cb0c021b5-1260x885.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
リニューアル以後のデータ
[画像4: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-68d1073a4a42031a2b733c5eeffe440b-1293x804.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
[画像5: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-aeff00a44b0224cd4efcc2c6a67ad1ac-1300x896.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
デザインリニューアル例の一部
[画像6: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-c830a84bbe82804d74d8c98a763c1582-1200x1179.jpg?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
サイトデザインを大幅に変更
[画像7: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-0fbcd1e835b569af1a979434331e7358-1200x675.jpg?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
サービスロゴを刷新
事例検索機能の追加と拡充
[画像8: https://prtimes.jp/api/file.php?c_id=93290&t=animationGifImage&f=e962510b7f4c40618ad82e9af99da431.gif ]
サイト内事例検索デモ
FIRSTCLASS-ファーストクラス-の過去の買取実績から「キーワード」「詳細条件」での検索が可能となりました。商品名や品番など正確なワードだけでなく、アバウトなフリーワード検索にも対応しています。
本リニューアルを終えて
今回のリニューアルは全て社内で手掛けました。デザインやコーディングだけでなく、サイト内で使っている画像や動画素材も全て自分たちで撮影したものです。
当社としても初めての試みでさまざまな困難がありましたが、その分サービスに対する思いやこだわりをより強く込めることができました。
当社が運営する買取サービス「FIRSTCLASS-ファーストクラス-」は信頼感や透明性というものに重きを置き、初めて買取サービスを利用する方にも満足していただくことをテーマとしています。
サイト運営に関しては、競合他社にはない機能やコンテンツをさらに拡大していき、ご利用いただくお客様に満足いただけるサービスを目指し今後も運営していきます。
[画像9: https://prcdn.freetls.fastly.net/release_image/93290/3/93290-3-72593de9541e8069fb073212d76def21-1000x779.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]株式会社アンダーグルーヴ
〒161-0034
東京都新宿区上落合3-8-25 FLAMP1007
TEL 03-6908-5892
URL:https://undergroove.co.jp
この記事に関するお問い合わせ先
info@undergroove.co.jp
代表:03-6908-5892
プレスリリース責任者:小林 嶺