発注をご検討の方
SEESAWの制作プロセスやプロジェクトに対する姿勢についてご紹介しています。
企画書作成の伴走支援から、デザイン実制作まで。
指示された作業を実行するだけでなく、
デザイン領域をリードできるチーム。
指示された作業を実行するだけでなく、
デザイン領域をリードできるチーム。
SEESAWでは最終的な納品物だけでなく、その制作プロセスもデザインにおける重要な提供サービスだと考えています。
- 上申フローや合意形成が複雑な大企業・行政などの案件。
- ビジネス理解が難しい金融・医療・ITなどの案件。
- デザイン領域の自走が求められる戦略コンサル・代理店などの下請け案件。
そういったお客様に、UXやブランディングの企画書作成から伴走し、事業課題を深く理解した上で実制作までを一貫してサポートいたします。
WEBサイト制作における
プロセスのブレイクダウン
プロセスのブレイクダウン
WEBサイト制作も、SEESAWでは以下のようなタスクに分解して可視化し、
クライアント様を含めたチーム全体で認識を揃えて進行します。
STEP
01
ご相談〜お見積もり
- ヒアリング
- 与件の整理
- SEESAWからの支援内容ご提案
STEP
02
ワイヤーフレーム作成
- 競合のサイトやベンチマークのリサーチ・トレンドや傾向の把握作業
- サイトマップ作成
- 訴求内容の整理
- ライティング (キャッチコピーやボタンラベル, 見出し文など)*
- サイト内の導線設計 (リンク構造やメニュー構造など)
- 翻訳作業*
- コンテンツ選定 (動画 or 画像)
- ユーザビリティを意識したUI検討
- WF・サイトマップの資料提出
*オプション項目
STEP
03
要件定義検討
- コーディング要件 - コーディングの制約
- コーディング要件 - title / description作成
- インフラ関連 - 環境の検討 (テスト環境/本番環境)
- インフラ関連 - ドメイン検討・取得
- インフラ関連 - SSLサーバー証明書の取得
- 閲覧環境 - 閲覧デバイス・ブラウザやOSの検討
- 閲覧環境 - 画面幅の検討
- その他検討事項 - Webアクセシビリティ*
- その他検討事項 - 脆弱性*
- その他検討事項 - Goole Analytics4設定*
- その他検討事項 - Google Search Console*
- 要件定義書の提出
*オプション項目
STEP
04
Webデザイン制作
-
リファレンス収集・方向性すり合わせ
ポジショニングマップでの比較分析 -
デザインの方向性ご提案
イラスト / 3D / 実写 / 動画 / 素材使用 -
ご要望に合わせた形式でのデザイン制作
【デザインツール】Figma / Ai / PSD / ppt / STUDIO / Wix
【使用フォント】無償・有償フォント - 商標や肖像, 著作権などの権利まわりチェック
-
デザインご提案資料作成
弊社オリジナル提案資料/お客様作成の資料形式に準拠 -
ご要望に合わせた形式でのデザインご提案*
プレゼンテーション/資料送付 -
デバイスに合わせたデザイン展開
スマホ/タブレット -
サイトに必要なデザインパーツ作成
ファビコン/OGP画像 - Webデザインの資料提出
*オプション項目
STEP
05
コーディング作業
-
フロントエンドコーディング実装
スクラッチによる実装/フレームワークを用いた実装/Figmaでのデザインコンポーネントシステムに基づく連携 -
CMS構築*
WordPress/microCMS/Wix/Movable Type
STEP
06
QA
- デザインチェック
- アクセシビリティチェック*
- 挙動チェック(要件定義で定義された対応ブラウザ・OSに基づく)
- 問い合わせメール送受信テスト*
- リリース直前の最終調整対応
- 校正・校閲
- テスト環境での実装完了報告・チェックご依頼
*オプション項目
STEP
07
リリース
- リリースプロトコル作成
- リリース
- 本番環境でしか確認できないチェック作業
ケーススタディ
多岐に渡る業種のケーススタディをご紹介します。
DXにおけるデータ活用サービスの普及と利用者の理解促進を目的とした情報発信業務
薬局が導入したくなる処方箋送信サービスのUI制作
水産物を使った加工冷凍食品の開発(3品)と、それらを統合するブランディング
お問い合わせ
新規事業開発やブランディングのご依頼はこちら
無料
UIUXデザインやブランドデザインの
お役立ち資料を無料でご活用いただけます