多くのWebサイトは、公開日に見栄えがよければいいという前提でつくられています。私たちがつくるのは、動き続けるサイトです。遅い回線のスマホでも速く、スクリーンリーダーや検索エンジンにも読みやすく、次の変更が作り直しではなく小さな修正で済む構造にします。
つくるのは仕事の半分です。サーバー、ドメイン、バックアップ、セキュリティ更新をお客様自身のアカウントに設定し、資料と一緒にお渡しします。公開したその日から、サイトは本当にお客様のものです。
What is included
このサービスに含まれるもの
- Next.jsとReactでの開発
- 検索と最初の表示に効くところはサーバーで描画し、操作が必要なところは動きのある画面に。どちらにするかは、案件単位ではなくページごとに決めます。
- デザインシステムとコンポーネント
- 型と説明のついた少数の部品から、すべてのページを組み立てます。ページが増えても、サイト全体の統一感が崩れません。
- ヘッドレスCMSとEC
- 文章や商品は、チームで編集できる仕組みに置きます。文章ひとつ、価格ひとつ変えるのに、開発者を待つ必要はありません。
- サーバー・ドメイン・公開作業
- お客様の会社名義のアカウントに設定し、リポジトリから自動で公開します。変更はすべて、公開前にプレビュー用のURLで確認できます。
- 表示速度・アクセシビリティ・SEO
- 実際の数値で測ります。表示の速さ、レイアウトのずれ、キーボード操作、文字のコントラスト、メタデータ、サイトマップ。感覚ではなく、数字を直します。
- Google Search Consoleの設定
- ドメインを確認し、サイトマップを送信し、ページが実際にGoogleに登録されたことを確かめてから、アカウントをお渡しします。どんな言葉で検索されているかを、ご自身で確認できます。
- セキュリティと更新は標準で
- 最小権限のアクセス、管理された保管庫での秘密情報の管理、依存関係の更新、レビュー済みの公開。別料金ではなく、制作に含まれています。
予定の立てやすい進め方
どの案件も、この4つの手順で進めます。
- 01
まず内容と構成
見た目をつくる前に、すべてのページの目的と伝えることを整理します。サイトマップも成果物のひとつです。
- 02
ブラウザの上でデザイン
文字、余白、色をデザインの基準として決め、実際の部品に当てはめます。確認していただくのは静止画ではなく、動くページです。
- 03
プレビュー環境でつくる
変更のたびに、専用のURLに公開されます。実物を見てコメントでき、確認されないまま公開されるものはありません。
- 04
公開、計測、引き渡し
公開前に、アクセス解析、エラー監視、Google Search Consoleを設定します。権限、資料、編集ガイドをお渡しし、私たちに頼らなくても運用できるようにします。
What you get
納品も資料も、すべてお客様のものに
すべて最初からお客様の会社名義で登録します。あとでお返しいただくものはありません。
- お客様の組織のGitHubアカウントにあるソースコード
- お客様のアカウントに設定した本番環境とプレビュー環境
- ドメイン、証明書、メールの設定と、その記録
- デザインの基準値と、説明つきの部品一式
- 公開時のアクセシビリティと表示速度のレポート
- ご自身で更新する内容のための編集ガイド
- Google Search Consoleの確認、サイトマップの送信、アカウントの引き渡し
- 公開後30日間の無料修正
つくりたいものを、お聞かせください
実現したいことと、条件や制約をお書きください。実際に作業するエンジニアが、範囲・期間・費用について率直にお答えします。