You
Shito
Services

Design through
to launch.

ブランドの蚭蚈から、Framer / STUDIO での実装たで。ひずりで通しお担圓したす。䜙蚈な匕き継ぎがありたせん。

01

Brand & Identityロゎ・ブランディング

ロゎ、配色、曞䜓、䜿い方のガむドラむンたで。名前だけでなく、どう芋られたいかから決めたす。

䞻な察応内容
  • ロゎの蚭蚈瞊組み・暪組み・最小サむズ
  • カラヌパレットの策定コントラスト比の実枬蟌み
  • 和文・欧文の曞䜓遞定ずタむポグラフィスケヌル
  • ブランドの蚀葉タグラむン・語り口
  • ガむドラむン䜿い方・やっおはいけない厩し方
  • 名刺・封筒・スラむドぞの展開
02

Web Designコヌポレヌト・採甚・LP

構成から原皿の骚栌、デザむンたで。䜙癜ずタむポグラフィで「らしさ」を立ち䞊げたす。

䞻な察応内容
  • 珟行サむトず競合の実機調査
  • サむト構成ずペヌゞ蚭蚈
  • 原皿の骚栌づくり芋出しず流れ
  • ワむダヌフレヌムPC / SP
  • Figma でのデザむンPC / SP
  • 玠材の曞き出し仕様衚
  • デザむンガむドラむンの同梱
03

Framer & Studio蚭蚈から実装たで

぀くったものを、そのたた動くサむトにしたす。公開埌の曎新はご自身でできる状態でお枡ししたす。

䞻な察応内容
  • Framer / STUDIO での実装
  • 既存サむトからの移行
  • PC・タブレット・スマヌトフォンの衚瀺調敎
  • CMS の蚭蚈ず構築
  • フォヌム・アクセス解析の蚭眮
  • 独自ドメむンの蚭定ず公開
  • 公開埌の曎新手順のお枡し
04

Motion & 3D動き・WebGL

スクロヌルで立ち䞊がる動き、3Dの衚珟。意味のあるずころにだけ入れたす。

䞻な察応内容
  • スクロヌルに連動した動きGSAP
  • 文字・画像の登堎のさせ方
  • WebGL / Three.js の実装
  • 3D モデルの制䜜ずラむティングBlender
  • 觊っお確かめられる動きの詊䜜
  • 端末の負荷ず、動きを控える蚭定ぞの察応
05

AI OperationsAI運甚の蚭蚈・代行

サむトの曎新、レポヌト、情報収集。毎回同じ手順になっおいる仕事を、AIが回す仕組みにしたす。

䞻な察応内容
  • 毎日・毎週くり返しおいる䜜業の掗い出し
  • 自動で回す仕組みの蚭蚈ず構築
  • サむト曎新・レポヌトの自動化
  • 情報収集ず芁玄の仕組み
  • 通知先Slack / メヌルの蚭蚈
  • 動かなくなったずきに気づく仕組み

デザむンのみFigmaデヌタ玍品、実装のみのご䟝頌も承りたす。 バナヌやサむズ展開など、単発のご䟝頌も承りたす。 ぀くったものは 制䜜実瞟 でご芧いただけたす動きず3Dの実䟋は 鳥獣戯間。

蚭蚈、原皿、デザむン、実装、公開埌。ふ぀うは工皋ごずに担圓が替わり、そのたびに最初の意図が少しず぀薄れたす。

蚭蚈原皿デザむン実装公開埌
匕き継ぎ
よくある座組
ディレクタヌ
ラむタヌ
デザむナヌ
゚ンゞニア
運甚担圓

4 times

monaka design.
1人ですべお察応

0 times

「聞いおいた話ず違う」が起きるのは、たいおい工皋の継ぎ目です。継ぎ目が無ければ、最初にうかがった話がそのたた画面たで届きたす。 芏暡によっおは、実装を実装パヌトナヌず分担するこずがありたす。その堎合も蚭蚈からデザむンたでは通しお担圓したす。

方向が合っおからワむダヌ、ワむダヌが合っおからデザむン。この順番を守るこずで「思っおいたのず違った」を防ぎたす。

  1. 01

    ヒアリング

    目的、課題、ご予算、公開垌望日をうかがいたす。䜕も決たっおいない段階でも倧䞈倫です。

  2. 02

    お芋積り

    範囲ず金額を曞面でお出ししたす。盞芋積もりは歓迎したす。じっくり比べお遞んでいただくのが䞀番だず思いたす。

  3. 03

    構成・ワむダヌ

    ペヌゞ構成ず原皿の骚栌を぀くりたす。ここで「違う」ず蚀っおいただくのが、いちばん早くお安く枈みたす。

  4. 04

    デザむン

    Figma で䜜成し、画面のたた確認いただきたす。修正は各フェヌズ2回たで含んでいたす。

  5. 05

    実装・公開

    Framer / STUDIO で実装し、衚瀺を確認しお公開したす。デザむンガむドラむンを同梱しおお枡ししたす。

ここに無いものでも、近いこずでしたら䞀床ご盞談ください。

サむトの皮類

  • コヌポレヌトサむト
  • 採甚サむト
  • ブランドサむト
  • サヌビスサむト
  • LP
  • ポヌトフォリオ
  • オりンドメディア

぀くり方

  • Framer
  • STUDIO
  • フルスクラッチHTML・CSS・JS
  • Next.js
  • 既存サむトからの移行

サむト以倖

  • ロゎ
  • ブランドガむドラむン
  • 名刺・封筒
  • バナヌ
  • スラむド資料
  • パンフレット

公開のたわり

  • CMS 構築
  • 倚蚀語察応
  • 撮圱の手配・ディレクション
  • SEO の初期蚭定
  • アクセス解析の蚭眮
  • 保守・運甚
  • AI運甚の蚭蚈
費甚はどれくらいかかりたすか

内容ず芏暡で倉わるので、ご盞談をうかがったうえで曞面にしおお出ししおいたす。ご予算は30䞇円からお受けしおいたす。盞芋積もりは歓迎したす。じっくり比べお遞んでいただくのが䞀番だず思いたす。

制䜜期間はどれくらいですか

5ペヌゞ皋床で4〜6週間、8〜10ペヌゞで6〜8週間が目安です。衚珟を䜜り蟌む堎合は8週間以䞊いただきたす。公開したい日が決たっおいれば、そこから逆算しおご盞談したす。

修正は䜕回たでできたすか

デザむン・実装の各フェヌズで2回たで含んでいたす。それを超える堎合は、内容をうかがったうえで別途お芋積りしたす。回数で揉めないよう、契玄の時点で明蚘しおいたす。

原皿や写真は甚意が必芁ですか

いただければそのたた䜿いたす。無い堎合は、原皿の骚栌づくりからお手䌝いしたす。撮圱が必芁なずきはカメラマンの手配もしたす撮圱費は実費で別途。

デザむンだけ、実装だけでも頌めたすか

どちらも承りたす。デザむンのみのご䟝頌は Figma デヌタでお枡ししたす。実装のみのご䟝頌は、いただいたデザむンデヌタから進めたす。

公開したあず、自分たちで曎新できたすか

曎新したい箇所に CMS を入れお、ご自身で盎せる状態でお枡ししたす。手順ずデザむンのルヌルをたずめたガむドラむンも同梱したす。

保守や運甚もお願いできたすか

月額でお預かりする圢ず、必芁なずきだけのスポット察応の䞡方がありたす。ご盞談ください。

支払いのタむミングは

着手時ず玍品時の2回に分けおいたす。初めおのお取匕は、着手金のご入金を確認しおから着手したす。

Tell me what you're building お問い合わせ →