無料なのに有料級
完全無料｜WEB制作基礎コース
WEBサイト制作の
基本的な流れ
00
08
完全無料｜WEB制作基礎コース
WEB制作の基礎を無料で学ぼう。
SNSで話題になり250万回以上閲覧された【制作会社の手法を公開しちゃいます】シリーズを図解付きでまとめています。現在も使用されている制作会社の手法を惜しみなく公開しているため、無料ではありますが、他ではなかなか見られないリアルな一次情報となっています。
制作会社の手法を学び、実案件や顧客のために活用してください。また、学びになったらSNSでシェアしていただけると嬉しいです。そのときはよかったら「#ノンデザ」というハッシュタグをつけてくださいね。
クライアントの手間を
最小限に
成果を出すことを念頭に置いているのはもちろんのこと、なるべくクライアントのお手間を減らすことを意識して作られた手順となっています。
レクサの作業内容
- 市場調査
- マーケティング戦略
- 競合調査
- コンセプト設計
- インタビュー実施
- 文字起こし
- 原稿の作成
- コピーライティング
- 香盤表作成
- 撮影手配
- 素材選定
- デザイン製作
- プロトタイプ
- デザイン資料作成
- CMS構築
- マニュアル作成
- 公開テスト
- 解析ツール設定
クライアントへのお願い事項
- お打ち合わせ参加
- 各工程でのチェック
お問い合わせ〜ご契約
お問い合わせ
まずはお問い合わせフォームから。
お電話でヒアリング
担当者よりお電話を差し上げ、10分前後のヒアリングをします。そこで事業の内容、現状の課題や目的、予算や納期などを伺います。
このお電話対応なども含めて、レクサに期待できそうだと感じていただけましたら打ち合わせの日程調整をお願いしています。
※お電話が難しい場合はメールにてヒアリングをします。
打ち合わせ・ご提案
さらに詳しくヒアリングを行います。最適なお見積りをご提案させていただくため、またその後の制作をスムーズに進めるため、現状のありのままをヒアリングするようにしています。
伺ったお話をもとに後日お見積書をお送りし、じっくりご検討いただきます。決して強引な営業にならないように注意しながら進めていきます。
ご契約手続き
ご契約に必要なお手続きを進めます。ディレクターより必要書類など詳しくご案内します。
お手続きが完了したらいよいよ制作がスタートです。結果の出せるWEBサイトをクライアントと一緒に作り上げられるよう取り組んでいきます。
制作の事前準備
ご契約いただいてから実際に制作を始める前に、レクサ社内での制作環境を整えます。
- 担当職種
-
- ディレクター
- 使用ツール
-
- Notion
- Dropbox
- 制作期間
- 1〜2日
data
プロジェクト設計の流れ
レクサ
クライアント
プロジェクト設計
制作をスムーズに進め、成功に導くための土台づくりをします。
- 担当職種
-
- ディレクター
- 使用ツール
-
- Figma
- Notion
- 制作期間
- 1〜2週間
data
プロジェクト設計の流れ
レクサ
クライアント
クライアントの手間を最小限に抑えた制作フロー
レクサの作業内容
- スケジュール設定
- スコープ設定
- ドメイン取得
- ヒアリング・提案
- ゴール（CV）設定
- ターゲット設定
クライアントへのお願い事項
- お打ち合わせ参加
サイトマップ制作
WEBサイト全体の設計図となるサイトマップを制作します。
- 担当職種
-
- ディレクター
- デザイナー
- 使用ツール
-
- Figma
- Notion
- 制作期間
- 2〜3週間
data
サイトマップ制作の流れ
レクサ
クライアント
クライアントの手間を最小限に抑えた制作フロー
レクサの作業内容
- 市場調査
- 競合調査
- コンテンツ立案
- 全体設計
- 動線設計
- サイトマップ提案
クライアントへのお願い事項
- お打ち合わせ参加
- サイトマップ案ご確認
ワイヤーフレーム制作
各ページ内の構造や文章を詳しくまとめたワイヤーフレームを制作します。
- 担当職種
-
- ディレクター
- デザイナー
- ライター
- 使用ツール
-
- Figma
- Notion
- 制作期間
- 3〜4週間
data
ワイヤーフレーム制作の流れ
レクサ
クライアント
クライアントの手間を最小限に抑えた制作フロー
レクサの作業内容
- 画面設計
- インタビュー
- コンセプト設計
- 原稿作成
- 撮影
- ワイヤーフレーム提案
クライアントへのお願い事項
- インタビュー
- お打ち合わせ参加
- ワイヤーフレーム案ご確認
デザイン制作
ビジュアルや動きをデザインし、実際のWEBサイトでの見せ方を形にします。
- 担当職種
-
- デザイナー
- 使用ツール
-
- Figma
- Notion
- 制作期間
- 3〜4週間
data
デザイン制作の流れ
レクサ
クライアント
クライアントの手間を最小限に抑えた制作フロー
レクサの作業内容
- コンセプト設計
- ビジュアル制作
- UI設計
- モーションデザイン
- プロトタイプ作成
- デザイン提案
クライアントへのお願い事項
- お打ち合わせ参加
- デザイン案ご確認
デモサイト構築
デザインの知識を持つエンジニアが設計から行い、公開後と同様の環境でデモサイトを構築します。
- 担当職種
-
- エンジニア
- 使用ツール
-
- Adobe Dreamweaver
- Figma
- Notion
- 制作期間
- 3〜4週間
data
デモサイト構築の流れ
レクサ
クライアント
クライアントの手間を最小限に抑えた制作フロー
レクサの作業内容
- 技術調査
- 環境構築
- システム設計
- フロントエンド実装
- モーションデザイン
- CMS開発
- 表示・動作テスト
クライアントへのお願い事項
- デモサイトご確認
公開作業
いよいよ公開です。積極的に運用・改善をしていけるよう、解析ツールの導入も行います。
- 担当職種
-
- ディレクター
- エンジニア
- 使用ツール
-
- Notion
- 制作期間
- 1週間
data
公開の流れ
レクサ
クライアント
運用サポート
保守管理や更新など、公開後もサポートいたします。運用・改善方針のご提案なども対応可能です。
レクサの運用サポートでできること
基本サポート
システムのメンテナンスや簡単な修正、バックアップなど、WEBサイトの運営に必要なサポートがすべて含まれています。
WEBコンサルティング
毎月のミーティングで、WEBサイトの活用方法をご提案します。クライアントご自身での運用をめざして、WEBマーケティングのノウハウをお伝えします。
ブランティング支援
WEBの領域に限らず、経営の領域まで踏み込んでアドバイスさせていただきます。経営歴10年以上のレクサ代表・岡本を中心に対応します。
広告運用代行
Google広告やInstagram広告（Meta広告）などの広告運用をお任せいただけます。LP制作までまとめて対応が可能です。