Service

Web Works

スタジオ トイトイトイはWebデザインをメインとしたデザインワークを行います。
デザインのみのご依頼も承っております。

制作使用ツール
Adobe Photoshop
Adobe Illustrator
Adobe XD
Sumblime Text

Web Design

ページデザインはもちろん、バナー制作なども対応可能です。

  • ※予算はデザイン制作費のみの価格となります。ディレクション費、コーディング費は含まれておりません。
  • ※著作権やデザイン制作データの譲渡は別途費用が発生します(ECサイトを除く)。詳しくは「よくあるご質問」の「XDやPSDデータが欲しいです」をご確認ください。
  • ※価格はすべて税込です。

コーポレート・ブランドサイト
目的に合わせたデザインをご提案。見た目はもちろん、使い勝手や更新性もきちんと考えられたWebデザインをご提案します。
  • 予算¥55,000〜
  • レスポンシブデザイン

プロモーション・キャンペーンサイト
新商品や新サービス、イベントなどを広く認知されるためにインパクトのあるWebデザインをご提供します。
  • 予算¥55,000〜
  • レスポンシブデザイン

ランディングページ(LPデザイン)
1ページでターゲットの興味を引きつける、訴求力あるデザインをご提案します。
  • 予算¥66,000〜
  • レスポンシブデザイン

ECサイト
商品購入に直結する導線やユーザビリティを最優先したデザインをご提案します。
※ECサイトはデザインのみの対応となります。
  • 予算¥165,000〜
  • レスポンシブデザイン
  • デバイス別デザイン対応
  • 制作データ費込
  • 著作権譲渡費込

Webマガジン(ブログ)
掲載テーマに応じて、読みやすさ、更新しやすさを考慮したデザインをご提案します。
  • 予算¥88,000〜
  • レスポンシブデザイン
  • 既存テーマカスタマイズ要相談

メールマガジン
スマートフォン、デスクトップはもちろん、ダークモードも配慮したデザインをご提案します。
※メルマガ配信サービスはお客様でご契約ください。
  • 予算¥44,000〜
  • ダークモード対応

Direction, Coding, Other

Webデザインのご依頼と一緒にお受けできる作業になります。
単体でのご依頼はお受けできません。

※コーディングのみの案件に関しまして要相談となります。

ワイヤーフレーム作成Direction
サイトの設計図(構成案)を作成します。Webデザインを行う上で情報や構成を整理するための大変重要な作業となります。

サイトマップ作成Direction
サイト全体の構造を理解することはもちろん、カテゴライズ、ディレクトリの確認などの役割もあります。

スケジュール作成Direction
公開日までの進行管理を作成します。経験から各タスクにかかる日数などを的確にご提案します。

コーディングCoding
HTML5、CSSでのベーシックなコーディングです。レスポンシブ、メルマガコーディングも対応可能です。

JavascriptCoding
モダンJavaScriptまたはjQueryで、動きのある魅力的なWebサイトの実現が可能です。

wordpress構築Coding
オリジナルのテーマを作成します。更新頻度の高いサイトや既存のテーマでは満足できないお客様におすすめです。
※既存テーマのカスタマイズ対応は要相談となります。

サーバー移行Other
リニューアルに伴うサーバーの移行作業に対応します。
※サーバーはお客様でご契約ください。

ドメイン設定Other
お客様で取得されたドメインをSSL化も含めて設定します。

お見積もりのお問い合わせはこちら!

Grahic
Works

Webデザイン以外でもグラフィック関連の案件も相談に応じてお受けいたします。

制作使用ツール
Adobe Photoshop
Adobe Illustrator

ロゴデザイン

イラスト

名刺・ショップカード

チラシ・パンフレット

Flow

Step1

お見積もりのご相談

「お問い合わせ」のフォーム内の「お問い合わせ内容」から「お見積もりの相談」を選択、必要事項を記入してご連絡ください。5営業日以内に返信メールをお送りさせていただきます。

Step2

ヒアリング・お見積もり

メールまたはzoom等のオンラインツールでヒアリングを行います。
ヒアリング内容から弊社で受注可能である場合、スケジュールを含む制作内容のご提案、契約ルール、お見積もりを提示させていただきます。

※提案内容や見積書の有効期限は見積書発行から2ヶ月までとさせていただきます。

Step3

ご契約

提案、契約ルール、お見積もり内容を確認・承諾していただけましたらご契約となります。
初めて取引させていただくお客様には弊社が用意します契約書の確認とサイン、発注書の発行をお願いしております。

  • ※ご契約後にお客様のご都合でのキャンセルには、進行状況に応じたキャンセル料がかかる場合があります。
  • ※案件のボリュームが多い場合、段階的に請求をさせていただく場合がございます。その場合はお見積もり時にお伝えさせていただきます。

Step4

方向性の確認・ワイヤーフレーム(構成案)の作成

サイトの方向性(コンセプト)の最終確認、ワイヤーフレームの作成を行います。
お客様でワイヤーフレームを用意いただく場合はこの段階で提出をお願いいたします。

※お客様でご用意いただいたワイヤーフレーム(構成案)に不備があった場合Webデザインを進められない場合がございます。その場合ワイヤーフレームの再度ご提出、もしくは有償にて弊社で作成させていただくことななりますのでご了承ください。
【不備の例】
テキストのみの羅列や導線や誘導、情報整理が全くなされておらずWEB制作におけるワイヤーフレームとして体をなしていないもの /手書きやJPEGなどの画像でテキストデータが使えないもの / キャッチコピーや原稿がすべて「ダミーテキスト」で処理されているもの。

Step5

デザインの作成

ワイヤーフレームを元にデザインを進めていきます。指定がなければAdobe XDまたはAdobe Photoshopで作成を行います。XDのプレビュー画面やJpeg画像を貼り付けたテストプレビューサイトでデザインをご確認いただきます。
デザインのみのご依頼の場合はデザインFix後にデザインデータの納品となります。

  • ※ご提案させていただくデザイン案は入念なヒアリングを行ってから制作させていただきますので基本1案のみとします。別案が必要な場合は別途費用が発生いたします。
  • ※色違い等の簡単なバリエーションは基本的に予算内で対応させていただきますが、別途費用がかかる場合は事前にご連絡させていただきます。
  • ※デザイン提案後、ヒアリング内容と全く異なる構成やデザインをご希望された場合は別途費用が発生する場合がございます。

Step6

コーディング・wordpress構築

デザインでの確認で問題がなければコーディングに入ります。
デザインFIX後のコーディング作業に入ってからのデザインへの大幅な修正は別費用が発生しますのでご注意ください。
Wordpress構築はベースコーディング後の作業となります。

  • ※コーディングガイドラインがある場合でも対応可能です。ただし命名ルールなど細かな指定がある場合は通常より費用がかかる場合がございます。
  • ※コーディング作業開始後、デザインに大幅に修正が入る場合は別途費用がかかります。

Step7

テストアップ

お客様で用意されたサーバー、または弊社のサーバーにてテストアップを行います。

Step8

公開・納品

テストアップされたもので問題なければ本番公開またはデータ納品となり、作業完了となります。
納品後、請求書をお送りさせていただきますのでお支払いの準備をお願いいたします。