この度、当サイトのデザインをリニューアル致しましたのでご紹介いたします。
2019/05/27に本サイトを初公開してから約4年が経ち、積もった技術的・デザイン的な課題解決の速度向上を狙い、重い腰を上げフルリニューアルを行うことにしました。
以前はXDでデザインを行いWordPress構成にて構築を行いましたが、今回はFigmaでデザインを行い、Next.jsで構築、コンテンツ管理にはmicroCMSを用いた形でリニューアルを行いました。4年間でトレンドな技術スタックも、周辺ツールも大きく変わったことを実感しながらのリニューアルでした。
技術的な面では、全体的にSSGならではの高速なページ表示を行えつつ、実績一覧ページなどの認証が必要なコンテンツはAuth0と連携しSSRで表示を行うなど、Next.jsの特徴を活かした構築を行っています。
デザインから実装まで実質約2週間程でのリニューアルでしたが、Figmaを筆頭に周辺ツールの扱いやすさや、至れり尽くせりなNext.jsの開発環境もあって、全てがスムーズに行えたことはとても良い開発者体験でした。
今後も技術的・デザイン的な課題解決を行い、より良いサイトを目指していきますので、今後ともよろしくお願いいたします。
当サイトの主な変更履歴
2019/05/27:ローンチ
初期版。
- デザインツール:XD(スクリーンショット)
- 構築:WordPress
2019/06/26:プチリニューアル
コンテンツの追加+デザインの調整。
- デザインツール:XD(スクリーンショット)
- 構築:WordPress
2023/04/13:フルリニューアル
約4年ぶりのフルリニューアル。
- デザインツール:Figma(Figmaで表示)
- 構築:Next.js