WEB制作の流れ

WEBサイト制作ご依頼の際、納品までの流れを、以下に記載しております。
納品までの日数なども含めて、ご覧いただけると幸いです。

ヒアリング要件定義
サイト構成設計
デザイン制作
コーディング実装
テスト・チェック
公開・納品

ただ情報を並べるのではなく、
「誰のために、どんな印象を届けたいか」を大切にしています。
飲食業や接客業で培ったヒアリング力を活かし、
クライアント様と同じ目線で丁寧にお話を伺います。

ヒアリング
要件定義

お客様の「想い」と「目的」を丁寧にお伺いし、
Webサイトに反映させるため、業種や規模に関わらず、
以下のような内容を中心にヒアリングを行います。

・サイト制作の目的
(集客/採用/ブランディング など)
・ターゲットとなるお客様像
(年齢・性別・地域など)
・参考にしているサイトや理想のイメージ
・現在の課題
(更新のしにくさ、デザインの古さなど)
・必要な機能
(お問い合わせフォーム/予約システム/SNS連携など)
・予算と納期の確認
※ヒアリングシートをご用意しておりますので、ご記入いただき、イメージの共有を行います。

サイト構成設計見出し

gold3連丸あしらい画像

デザイン制作見出し


現在、多くのユーザーが
スマートフォンからサイトを閲覧します。
そのため、モバイル端末での表示を
最優先に考え、レスポンシブデザインで
どのデバイスでも快適に利用できるようにします。

制作方針

Adobe Photoshopをメインツールとして使用し、ワイヤーフレームからデザインカンプの作成まで一貫して行っています。

Photoshopのレイヤー管理や画像編集機能を活かしながら、細部まで丁寧にデザインカンプを作成します。

色使いやフォント、写真のトリミングなどにもこだわり、ブランドイメージや雰囲気をしっかり表現。

「ページ構成がまだ固まっていない」「何が必要か分からない」という場合も、ヒアリング内容をもとにこちらからご提案可能です。
お客様の事業内容に最適な構成を一緒に考えていきます。

コーディングセクション背景

コーディング実装

  • HTML/CSS/JavaScriptを用いた構築
  • レスポンシブ対応
    (スマホ・タブレット表示)
  • ・CMS導入
    (WordPressなど必要に応じて)
テストチェックセクション背景

テスト・チェック

  • 動作確認
    (PC/スマホ/各ブラウザ)
  • フォーム動作確認
  • 表記ゆれやリンク切れ
    などの最終チェック
公開納品背景

公開・納品

  • サーバー/ドメイン設定
  • サイトのアップロード
  • 納品後の使い方
  • レクチャーやマニュアル作成
  • (必要に応じて)

現在のホームページをリニューアルされたい方、またコーディングのみのご依頼も承っております。

お気軽にご相談・お問い合わせくださいませ。

メールでのお問い合わせはこちらから ▶︎
フッターロゴ画像