デザインから実装まで、制作チームのもう一人に。

デザイン・コーディング・WordPress構築・制作進行。
必要な工程だけでも、まとめてでもお受けします。

Webディレクター 井上智也/ino web creation

02制作の現場で

こんなことは、ありませんか。

  • 案件が重なり、制作の手が足りない時期がある
  • 細かな修正対応に、ディレクターや担当者の時間が取られる
  • その分、新規の獲得や提案に時間を割けない

そんなときに、必要な工程だけをお任せいただける外注先です。

03お手伝いできること

必要な工程だけでも、まとめてでも。

01

新規案件

デザイン・コーディングから公開まで、まとめてお受けします。

02

部分的なご依頼

デザインだけ、コーディングだけ、WordPress構築だけ、制作進行だけ。

必要な工程に絞ってご相談いただけます。

03

既存案件

いま運用しているサイトに、AI更新型サイトの仕組みを入れるご相談もお受けします。

実際に手がけたサイトを、担当した範囲とあわせてご紹介します。

04これまでの仕事

制作実績

大学の公式サイトから集客LP、制作会社さまとの協業まで。

山口大学 経済学部のサイトのトップ画面
01

学部サイト(一次請け)

山口大学 経済学部

  • 要件定義
  • ディレクション
  • ワイヤーフレーム作成
  • デザイン
  • コーディング

学部の公式サイトのリニューアルを担当しました。学部の雰囲気を撮影した写真を取り入れ、学生に親しみの持てるデザインにしています。

サイトを見る(新しいタブ)
やまぐちファシリティネットワークのサイトのトップ画面
02

研究設備の共用サイト

やまぐちファシリティネットワーク

  • 要件定義
  • ディレクション
  • ワイヤーフレーム作成
  • デザイン
  • コーディング

山口県内の研究設備を、探して・使って・相談できるポータルです。検索から問い合わせまでを一つにまとめました。

サイトを見る(新しいタブ)
情報学部新設・工学部再編の特設サイトのトップ画面
03

特設サイト

山口大学 情報学部新設・工学部再編

  • 要件定義
  • ディレクション
  • ワイヤーフレーム作成
  • デザイン
  • コーディング

新学部の創設と再編を、受験生や地域・企業の方に伝える特設サイトです。学びの内容やカリキュラムを具体的に思い描けるよう、情報を網羅的に載せています。

サイトを見る(新しいタブ)
やまぐちSPARCプロジェクトのサイトのトップ画面
04

事業サイト

やまぐちSPARCプロジェクト

  • 要件定義
  • ディレクション
  • ワイヤーフレーム作成
  • デザイン
  • コーディング

3大学の共同プロジェクトのうち、高校生が大学の授業を進学前に体験できる「先取り履修プログラム」の申し込みにつなげるページです。

サイトを見る(新しいタブ)
山口大学医学部附属病院 検査部のサイトのトップ画面
05

部門サイト

山口大学医学部附属病院 検査部

  • 要件定義
  • ディレクション
  • ワイヤーフレーム作成
  • デザイン
  • コーディング

情報が探しにくく、スマホにも対応していなかった旧サイトを、お客様と相談しながら改善しました。

サイトを見る(新しいタブ)
らいおん買取のサイトのトップ画面
06

集客LP

らいおん買取

  • 要件定義
  • ディレクション
  • ワイヤーフレーム作成
  • デザイン
  • コーディング

広告から訪れた方を、LINEでの無料査定につなげるページです。「価格・安心感・手軽さ」がひと目で伝わるようにしています。

サイトを見る(新しいタブ)
enen(エンエン)のサイトのトップ画面
07

Web制作事務所のサイト

enen(エンエン)

  • コーディング

※ 制作の一部を担当

宮崎県のWeb制作事務所の事業サイトです。いただいたデザインをもとに、どの画面幅でも見やすく仕上げました。

サイトを見る(新しいタブ)
SPROUTZ Studioのサイトのトップ画面
08

日本語・英語の2言語サイト

建築・デザイン事務所「SPROUTZ Studio」

  • コーディング

※ 制作の一部を担当

既存のWordPressサイトを、日本語・英語の2言語に対応させました。

あわせて、デザインの修正をコーディングで担当しています。

サイトを見る(新しいタブ)

05一緒に進めるために

井上にお任せいただく理由

01

一次請けの経験があるから、全体が見えています

国立大学の公式学部サイトを、一次請けで担当してきました。要件の整理から公開までの流れを知っているので、ディレクターの方と同じ目線で進められます。

02

デザインを崩さず、どの画面幅でも見やすく

いただいたデザインの意図をくみ取り、パソコンでもスマホでも見やすいページに組み上げます。

03

仕組み化で、工数と価格を抑えています

デザインの下地づくりやコーディングの一部を自前の仕組みで進めているため、相場より抑えた価格でお受けできます。

06AI更新型サイト

公開後の細かな修正を、お客様自身で。

保守で手間がかかりやすい、文字の変更や画像の差し替え。

AI更新型サイトなら、お客様自身で進められます。

  1. 01

    頼む

    お客様がサイトのチャット欄に頼むだけ

  2. 02

    確かめる

    AIが直し、確認用ページをつくる

  3. 03

    公開する

    お客様が確かめて、自分で公開する

担当者が個別に対応する負担を減らし、新規の獲得や提案に時間を使えます。

AI更新型サイトの紹介ページを見る(新しいタブ)

07対応できる技術

対応できること

  • 01HTML/CSS(SCSS)でのコーディング
  • 02WordPressのテーマ作成・多言語化
  • 03Figma・XDのデザインからの実装
  • 04メールフォームの作成

08ご相談から納品まで

進め方

  1. 01

    ご相談(オンライン)

    案件の内容と、お任せいただきたい範囲をお聞きします。

  2. 02

    すり合わせ

    ページ数・工程・納期を決めます。

  3. 03

    お見積り

    範囲と量にあわせてお出しします。

  4. 04

    制作

    デザイン・コーディングを進めます。

  5. 05

    確認・修正

    確認用のページでご確認いただきます。修正は各工程2回までです。

  6. 06

    納品

09価格はすべて税別

料金

仕組み化で工数を抑えているため、この価格でお受けしています。

セットプラン

デザイン+コーディング

画像LP(スマホ幅のみ)

5万円〜

デザインと画像の書き出し。構成・原稿はご支給ください

LP

10万円〜

LPデザイン+LPコーディング

コーポレートサイト(10ページ相当)

18万円〜

デザイン 10万円〜:トップ1+下層3パターン(残りのページは同じ型を使います)

コーディング 8万円〜:トップ1+下層9+メールフォーム1

デザイン

トップページ
5万〜10万円
下層ページ
1デザインにつき 2万〜5万円
LPデザイン
7万円〜

コーディング

流し込みページ
2,000円〜
下層ページ(10,000px以下)
4,000円〜
下層ページ
6,000円〜
トップページ
20,000円〜
LP
35,000円〜

WordPress

テーマ/テンプレート作成
20,000円〜/本
コンテンツ構造のカスタマイズ
ご相談
各種プラグイン導入
ご相談
バージョン更新
ご相談

その他

メールフォーム作成
10,000円〜/本

10制作チームの一員として

プロフィール

井上 智也いのうえ ともや

Webディレクター
ino web creation 代表

Webの世界に入ったのは、30歳を過ぎてから。タイピングの練習から始め、サーバー、ドメイン、コーディングと、ひとつずつ覚えてきました。

いまは山口を拠点に、国立大学の公式学部サイトの制作をはじめ、一般的な投稿機能にとどまらない検索機能や会員機能を備えたCMSの構築、制作会社の窓口としての複数案件のディレクション、サイト移管の技術ディレクション、大手企業の物流システム開発チームへの参画など、コーディングだけでなく、機能の開発や、案件の進行・技術面のとりまとめまで担当してきました。

デザインを形にするだけでなく、仕様の整理や関係者との調整まで。制作チームの一員として動けます。

11ご相談の前に

よくある質問

一部の工程だけでも頼めますか?

はい。デザインだけ、コーディングだけなど、必要な工程に絞ってご相談いただけます。

秘密保持契約は結べますか?

ご依頼の前に結ぶことができます。

急ぎの案件にも対応できますか?

ページ数と時期によります。まずはご相談ください。

やり取りの手段は何ですか?

メール・Chatwork・Slack・Backlogなど、貴社のお使いの方法に合わせます。

12お問い合わせ

まずは、お気軽に
ご相談ください。

案件の内容が固まっていなくても大丈夫です。
お任せいただきたい範囲から、一緒に整理します。

Webディレクター 井上智也
ino web creation

送信の前に、入力内容の確認画面が表示されます。

ご相談内容

入力内容の確認

以下の内容で送信します。よろしければ「この内容で送信する」を押してください。