本文へスキップ
プロジェクトを始める

制作方法

方法は始める前に書かれています。8つのステップそれぞれに、私たちが行うこと、お客様が受け取るもの、ご協力をお願いするタイミングを記しています。

  • 白い紙に鉛筆で描いた六角形の結晶の技術図面。オレンジ色の印とアルミのシャープペンシル
    方針ブリーフ、構成、アイデンティティ、テストの基準。制作を始める前にすべてを書き出します。
  • 精密バイスに固定された水晶。切り出したばかりの面がある
    制作書面の方針に沿って、コード、文章、翻訳、画像を1ページずつ開発します。
  • 精密ルーペが、磨かれた水晶プリズムの稜線を拡大している
    確認すべてのページをテストし、修正し、もう一度テストします。テストしていないものは、そうと明記します。

ブリーフから納品までの8ステップ

各ステップについて:私たちが行うこと、お客様が受け取るもの、お客様の出番。お客様のご協力は強調して示しています。

  1. 01

    ヒアリングと目標

    私たちお話を伺い、既存のもの——サイト、SNS、資料——を読み込み、目標と訪問者の主なアクションを定めます。
    受け取るもの確認済みの事実、提案する範囲、不足しているデータをまとめた書面のブリーフ。
    お客様のご協力事業について話し、質問に答え、ブリーフを承認します。
  2. 02

    分析と構成

    私たち顧客層と競合を調べ、ページ、セクション、問い合わせの導線を設計します。各セクションは訪問者の疑問に答えるものでなければなりません。
    受け取るもの各セクションの目的を示したページ構成図。
    お客様のご協力構成図を承認するか、変更を依頼します。
  3. 03

    アイデンティティと内容

    私たちビジュアルの方向性——書体、色、グリッド、トーン——を定め、取り決めたすべての言語で文章を書きます。
    受け取るもの確認用のビジュアルの方向性と文章。
    お客様のご協力事実を確認し、素材を提供します:ロゴ、実際の写真、資料。
  4. 04

    画像とプロトタイプ

    私たちすべての画像とスマートフォンでのトリミングを計画し、必要に応じて用意・補正し、代表的なプレビューを組み立てます。
    受け取るものパソコンとスマートフォンで操作できるプレビュー。
    お客様のご協力本制作の前にご意見をお聞かせください。
  5. 05

    開発

    私たちページのコード、バリエーション、翻訳を書き、統合し、見直し、修正します。
    受け取るもの取り決めたすべての言語の、すべてのページ。
    お客様のご協力このステップでお客様のご協力は不要です。進み具合をご覧いただけます。
  6. 06

    テストと仕上げ

    私たちすべてのページとすべての言語を、基準となる画面幅で、キーボードで、動きを減らした設定でテストし、修正して再テストします。
    受け取るものテスト報告書:テストしたことと、残っていること。
    お客様のご協力完全プレビューを確認し、修正点を伝えます。
  7. 07

    取り決めた公開

    私たち取り決めどおりにドメイン、ホスティング、サービスを設定し、公開して、公開後のサイトを改めて確認します。
    受け取るもの公開されたサイト、アクセス権、マニュアル。
    お客様のご協力公開を承認し、必要なアクセス権を提供します。
  8. 08

    継続サポート

    私たち継続サポートを選んだ場合:保守、点検、サポート、プランの範囲内での変更。
    受け取るものわかりやすい月次レポート。
    お客様のご協力更新のご依頼をお送りください。

納品前に確認すること

  • すべての言語のすべてのページを360、768、1280、1920ピクセルで。加えて、文字の折り返しを見るための320ピクセルと拡大表示
  • キーボード操作、見えるフォーカス、コントラスト、入力欄のラベル
  • 動きの軽減と、アニメーションが動かなくても機能すること
  • リンク、メニュー、ボタン、言語切り替えで対応するページに移ること
  • フォーム:空欄、誤ったデータ、送信成功、サービスにつながらない場合
  • 画像:形式、サイズ、スマートフォンでの構図、代替テキスト
  • 検索エンジン向けのタイトル、説明、構造
  • コンソールエラーと予期しないネットワーク通信
  • ページの重さと読み込み時間を実測
  • 文章:仮の文言、でっちあげたデータ、不要な繰り返しがないこと

私たちの仕事の進め方を、はっきりと

既製のテーマやテンプレートを使いますか?

いいえ。構成、アイデンティティ、コードはお客様のプロジェクトのためにつくります。購入したテーマの流用も、ページビルダーも使いません。だからどのサイトも異なり、軽く、保守しやすいのです。

なぜそれほどテストするのですか?

完成して見えるサイトが、正しいとは限らないからです。ブリーフ、方針、レビュー、テスト報告書はそのためにあります。何をテストし、何がまだかがわかります。

どんな技術を使っていますか?

プロジェクトごとに適したものです。多くの場合、不要なライブラリを使わない軽いページで、読み込みが速く、攻撃を受けうる部分が少なくなります。お届けするのは技術ではなく、確かめられた結果です。

イメージ画像は本物の写真ですか?

いいえ。写真として見せることもありません。環境やコンセプトを伝えるもので、お客様の店舗、チーム、実績のふりをすることはありません。実際の証拠が必要なときは、お客様の写真を使います。

プロジェクトがありますか?お話ししましょう。

まず具体的な質問をし、範囲が明確になったら書面でご提案します。費用は案件ごとに決めます。一律の料金表はありません。