コロンビア・ボゴタのWeb開発会社

Webサイト開発の対応範囲#

開発は、Dardo自身のWebデザインをもとに進めることも、お客様のチームや他のスタジオが用意したデザインから始めることもできます。いずれの場合も、提案書に、構築するテンプレート、状態、外部連携、各項目の提供者、各パートの検収方法を明記します。

• 合意した全テンプレートと全状態のレスポンシブなフロントエンド実装
• コンテンツモデル、CMSのセットアップ、公開ワークフロー
• フォームと合意した外部連携(実際の送信で動作確認)
• メタデータ、構造化データ、クロールしやすいページ構成
• 代表的なページでのアクセシビリティとパフォーマンスの確認
• 公開前チェック、デプロイ、引き渡しドキュメント

Web開発から始めるのが適しているケース#

デザインが承認済み、またはほぼ固まっていて、リスクが実装側にある場合は、ここから始めましょう。たとえば、チームが公開作業を行うコンテンツ、他システムからのデータ、適切な担当者に届くべきフォーム、実際のスマートフォンでの表示速度などです。デザイン、ページ一覧、外部連携の一覧をご用意ください。マーケティングサイト、ログイン式ダッシュボード、決済システムでは検収基準が異なるため、見積もりの前にそれを定めます。

まだデザインがない場合は、両方を含むカスタムWebデザインから始めてください。モーション、WebGL、3Dが中心の案件であれば、クリエイティブ開発が適しています。また、中心となるのが複雑なログイン型プロダクトや長期のエンタープライズ連携プログラムであれば、より大規模なアプリケーション開発チームのほうが合う場合もあります。その際は早い段階でお伝えします。

使用する技術スタック#

技術スタックはプロジェクトごとに選び、その理由を提案書で説明します。公開中の実績では、TypeScriptでAstroとNext.jsを使い、Cloudflare WorkersまたはVercelにデプロイしています。コンテンツ中心のマーケティングサイトにはAstroが適しています。ページは事前にHTMLとして生成され、JavaScriptは必要なコンポーネントにだけ配信されるため、ページが軽く、検索エンジンにも読み取りやすくなります。Next.jsは、アプリケーションに近い動きをするインターフェースに向いています。

決済、アカウント、他サービスのデータなどサーバー側の処理が必要なサイトでは、すべてのページをアプリにするのではなく、必要な箇所にだけ追加します。Astroで作った公開プロジェクトのリーダーボードSuperameは、ランキングをNeonデータベースに保存し、購入者をホスト型チェックアウトへ誘導します。サーバーは署名付きの決済コールバックを一件ずつ検証してから、クレジットを加算します。特定のCMSやプラットフォームを使い続ける必要がある場合は、ブリーフに記載してください。見積もりの前に、私たちが適任かどうかをお答えします。

チームが本当に使いこなせるCMS#

コンテンツ管理システムは、そのフィールドがチームの公開の流れに合っていて初めて役に立ちます。構築の前に、各コンテンツタイプ、各フィールドの編集者、承認が必要なもの、固定レイアウトのページと再利用できるエントリーの区別を整理します。A medio tonoでは、プログラムと講師は手作りのページではなく管理可能なエントリーになっており、コースのリンクを開くと、その楽器で絞り込み済みの講師一覧が表示されます。

Dardo自身のWebサイトも同じ仕組みです。ページはAstroの静的ビルドをCloudflareから配信し、記事は別のヘッドレスCMSで書き、記事を公開すると再ビルドが実行されます。静的な出力によりホスティングはシンプルでページも高速になり、編集者がコードに触れる必要はありません。

外部連携、フォーム、パフォーマンス#

構築は、ルート一覧と連携マップの作成から始まります。各フォームやAPIが何をすべきか、お客様が所有すべきサードパーティのアカウント、サービスが遅い場合や失敗した場合に訪問者に何が表示されるかをまとめます。見栄えのよいフロントエンドの陰に、問い合わせ対応フローの未定義が隠れていることもあります。そのため公開前に実際のテスト送信を行い、届くべき場所に届くことを確認します。

パフォーマンスは後回しではなく、検収の一部です。テスト対象のテンプレートとデバイスを合意したうえで、リリース前に読み込みの挙動とページの重さを確認します。A medio tonoは本番環境でVercel AnalyticsとSpeed Insightsを運用しており、Janus Observatoryの実装にはバンドルバジェットとブラウザQAが含まれ、ビルドとビジュアルリグレッションを確認するリリースワークフローも備えています。

複数拠点・フランチャイズ向けWebサイト#

複数のオフィス、クリニック、店舗、フランチャイズ加盟店を持つ企業には、ひとつのブランドシステムとひとつのコンテンツモデルに加え、各拠点の実際のページが必要です。そこには住所、営業時間、スタッフ、サービス、写真、その拠点に直接連絡する方法を載せます。共通ページとブランドは本部が管理し、各拠点は自分の情報だけを編集できるよう、権限で分けます。

Googleは、拠点ごとにビジネスプロフィールを1つ、そしてその拠点を表すWebサイト上のページを求めており、各拠点を独自のURLで個別にマークアップすることを推奨しています。私たちはこの方法で拠点ページと構造化データを構築します。オフィスのない地域向けに都市ページを量産することはしません。地名を差し替えただけのページは、ドアウェイページと見なされるためです。

公開前のテスト#

残りのテンプレートを仕上げる前に、代表的なページを作り、合意した画面サイズでテストします。問題を、修正コストが小さいうちに見つけるためです。検収の対象は次のとおりです。

• キーボード操作と見えるフォーカス
• 長い・短い・存在しないコンテンツでもレイアウトが崩れないこと
• 読み込み中、空、エラーの各状態と、アニメーションがある場合のモーション軽減
• 実際の送信先へのフォーム配信と確認メッセージ
• 正規URL、リダイレクト、メタデータ、構造化データ
• アナリティクスイベント、同意の挙動、本番環境の連携

コードの所有者と、引き渡し時にお渡しするもの#

引き渡しでは、リポジトリ、ホスティング、ドメイン、CMS、認証情報、ドキュメント、保守の担当者を明記し、公開後もウェブサイトを問題なく運用できるようにします。プラットフォームが許す限り、クライアント様が管理するホスティングとアカウントを推奨しています。また、作業を始める前に、コード、デザイン素材、ライセンス対象の依存ライブラリの権利の帰属を提案書に明記します。

御社と同じタイムゾーンで動くニアショアチーム#

Dardoはボゴタを拠点とする3人のチームで、創業者のNicolás Cerónが率いています。コードを書く本人と直接やり取りできます。ボゴタは年間を通してUTC−5で、米国中部時間(夏時間中)や米国東部時間(それ以外の期間)と一致するため、打ち合わせ、レビュー、公開日をふだんの営業時間内に収められます。問い合わせフォームの予算帯は5,000米ドル未満から60,000米ドル超まであり、プロジェクトの規模をお知らせいただけます。

ご依頼前のご質問#