本文へスキップ

Web制作 / Next.js・AWS

Stendear 公式サイト(本サイト)

デザインから実装、配信基盤まで自分で作った本サイトです。2026年に全面リニューアルし、事業ごとに色を持たせた構成に作り替えました。Next.js の静的エクスポートを S3 + CloudFront で配信しているので、サーバー費用はほぼかかりません。

Client
Stendear
Period
2024 – · 2024年 公開 / 2026年 リニューアル
Stendear 公式サイトのトップページ

Challenge — 課題

何をしている人なのかが伝わらないサイトだった。デザインを一新しつつ、表示速度とアクセシビリティは落としたくない。運用コストも増やしたくない。

Role — 担当範囲

  • デザイン・設計・実装
  • AWS(S3 / CloudFront / IAM / OIDC)構築
  • GitHub Actions による自動デプロイ

Outcome — 成果

  1. 01サーバーを持たない構成にして運用費をほぼゼロに。push すればそのまま本番へ反映される
  2. 02日本語フォントを実際に使う文字だけに絞り込み、1書体あたり 800KB を 113KB まで削減
  3. 03画像とフォントを事前生成する仕組みにして、読み込み中に文字や画像が動かないように
Contact

似たようなことで困っていませんか

メールか LINE をください。だいたい24時間以内に返します。 「こんなことできますか」の一行だけでも構いません。そこから一緒に整理していければと思います。

返信目安
24時間以内
拠点
宮城県仙台市
稼働状況:2026年9月〜 受託枠 残1