Andplus.co.jp(2024)

Platform: Gatsby + WordPress ヘッドレス(JAMstack)
Position: Technial Direction, Frontend(Chief), Backend(Chief)

社内の案件ではありつつも、会社の顔の実装をまかせていただき身が引き締まったプロジェクトです。
この自社サイトリニューアルは、社内の"ReBorn"というプロジェクトの一環で、会社をVisionから考え直すというインナーブランディングとしての役割をはらんでいました。

見栄えや機能として満足のいくサイトができたということに安堵しましたが、弊社では実績がなかったJAMstackを実案件規模で採用すること、CMSにあえてWordPressを採用してクライアント様への実用的な展開を見据えること、社内の技術スタックへのアップデート意識を向上などの、コトづくりにまで繋げられたことが何より嬉しかったです。

また当サイトの管理は非エンジニアが行っていくので、カスタムフィールドを用い、説明書がなくてもサクサクとサイト更新ができる管理画面を意識して設計しました。
CMSの実装ではいつも心がけていますが、いくつかのWordPress開発経て、ここではひとつ洗練された管理画面を作れたのではないかなと考えています。

デザイン実装では、デザイナーさんからグリッドシステムという縦横比率の厳格な指定があり、デザインの軸が明白だったので、レスポンシブでも比率が一貫して保たれるように実装を行なっています。
アニメーションとして特にこだわったのは、サイドメニューとフッターの、画面幅にカチッとハマるような位置アニメーションです。
本サイトでは、WordPressからGraphQLでデータを取得しており、Gutenberg(ブロックエディター)で作成されたページの取得にも対応しています。

Visit site.