NoCodeの活用で
短納期
低予算化を実現

webflow社から認定された日本人初のエキスパート
株式会社hatte

webflow, WordPress

Airtable, Google Sheets

Zapier, Make

Drupal, Shopify and other ...

料金例

hatte のNoCode

hatteの岡本は面倒くさがりで、いかに効率的に作業を進められるかを考えていました。
NoCodeという言葉が出る前から、様々なテンプレートサービスなどを試し続け、
ついにwebflowに出会います。webflowの特徴は、NoCodeツールでありながら、
成果物を書き出しできることです。そのため、プラットフォームに依存せず、お客様が
運用されているサーバーに簡単に展開することができます。
お客様に広くwebflowを知ってもらいたい思いから、webflow社の認定試験をパスし、
日本人として初めてwebflow社認定のエキスパートになりました。


もちろん、ホスティング契約を含めたwebflowのパッケージを提供することは少なくありませんが、他にも、webflowでプロトタイプを作成してWordPressのテーマに変換して公開したり、イントラネット向けのコンテンツを作成したりとwebflowの機能を限界まで使いこなしています。

hatte の岡本はフロントエンドエンジニアでもありますから、webflow単体では実現できないカスタムコードを書くことができます。
hatte の青山はUIやUXの設計もこなすデザイナーですが、webflowを使いこなすことができます。デザインが複雑でwebflowでは実装が難しいというケースはwebflowに限らずNoCodeではありがちですが、当社に限って言えばそのようなケースはほとんどありません。

webflow推しな当社ですが、webflow以外の制作も問題なく対応できます。実際手がけている案件でwebflowは3割程度、同じ3割程度でWordPress、そして残りはHTML/CSS/JSを手書きしています。ですので、お客様にwebflowをごり押しすることはありません。お客様の予算やプロジェクトの状況をしっかり見て、最適なソリューションを提案させていただきます。

NoCodeサービス事例

Webメディアリニューアル

Webメディアは大規模なCMSが使われることが多く、リニューアルはとても骨の折れる作業です。弊社では初期コーディング作業にwebflowを活用し、デザインをテーマファイルに落とし込む時間を大幅に短縮。
フロントエンドエンジニアして活躍していますから、NoCodeプラットフォームから離れてもコードの調整は容易に行えます。
コードを理解しているからこそできる、NoCodeの活用があります。

概要
作業内容
サイト全体のUIを再設計し、読者が様々な記事を読めるようにしたい。テーマファイルをリデザインしつつ、アナリティクスの結果を見ながら調整をしていきたい。
特記事項
WordPressはそのまま使用する
弊社提案
プロトタイプを用いてコーディング前のデザインすりあわせをしっかり行う。
費用
2,000,000円〜

イントラネットサイト構築

NoCodeを採用したいけど、公開先がクローズドなサーバーだと本来であればできません。もちろん、契約によってできることもありますが、費用が高くなるでしょう。
webflowはコードの書き出しに対応しているため、イントラネットでの採用事例も多くあります。

概要
作業内容
社内サイト更新にHTMLツールとしてwebflowを採用している。エキスパートのサポートがほしい。デザインもやってほしい。
特記事項
イントラ上で動作するサーバーにWordPressがインストールされてあり、ここにテーマを追加する作業。
弊社提案
弊社デザイナーがデザインを担当。webflowが使えるデザイナーなので、webflowでは実装が難しいデザインは使わないようにしてデザインを提案。WordPressへの展開時など、技術的な問題が発生した場合にエキスパートがフォローする体制を構築。
費用
300,000円

X/Twitter 運用自動化

SNS運用は専門のスタッフを用意するほどに事業にとってなくてはならない存在になっています。しかし、小規模なチームではそこまでのリソースを割くことが難しいこともあります。
当社では人を雇うよりは安価なコストで、このようなSNS運用を自動化する仕組みを提供しています。

概要
作業内容
メディアが更新された際、X/Twitter にパーマリンクを含めたポストをしてほしい
特記事項
メディアはWordPressを使用。Xに関してはAPI仕様の変更などによりプラグインの動作がしなかったりするため、なんとか安定して動作する仕組みを入れてほしい。
弊社提案
WordPressのREST APIを使用して、記事が更新されるたびに自動化サービスのZapierへデータを送信するプログラムを作成。Zapier上でデータを整形してからBufferというX対応のサービスにポストをするように転送する。マーケティングツールとしても使用可能で、費用も割安。
費用
作業費200,000円 Zapierなどの費用などは別途

簡易予約フォームの開発

専用ツールを導入するまでもないが、日々のルーチンワークを自動化したいというケースに対応できます。

概要
作業内容
予約申し込みがあった際に、お客様へ送信するメールを自動化しつつ、予約ステータスがエクセルみたいな画面で管理できる簡単な仕組みを作ってほしい。
特記事項
フォームは外国人専用とし、表記はすべて英語にする
弊社提案
webflowで運用されているサイトをお持ちなので、フォームはwebflowの機能を用いて制作。フォームが送信されたらMakeという自動化サービスを使ってお客様に予約ステータスの連絡を自動で入れるような仕組みを提供。
予約状況はAirTableで管理し、ステータスが変更されれば同じようにMakeを通じてお客様へ状況を通知。
全体の宿泊者の管理は昭和から続く宿帳に手書きなので、これ以上は不要
費用
作業費150,000円 Makeなどの費用などは別途

短納期支援

NoCodeの強みは納期を短縮しやすいことです。が、弊社ではコーディングにかかるリソース分をデザインに振り向けることで、従来と同じコスト感でより高品質なWebサイトをご提供が可能です。

事例
作業内容
リリース日が確定しているが要件がFIXしない。実作業時間が限られているがなんとかしてほしい。
特記事項
リリースに間に合うなら何やってもいいです。
弊社提案
Webflowを提案。CMS要素があり複雑な出力条件を持っていないため、WordPressよりも適していると判断。
プロトタイピングはwebflowで行い、いくつかある確認作業をスキップ。夜間や休日稼働による追加費用をアナウンス。
費用
300,000円+超特急対応料金

webflowサポート

導入してみたけど使い方がイマイチわからん。という方のために、当社エキスパートがお客様のプロジェクトを支援するプランです。
必要に応じてデザインをご依頼できますし、外部サービスとの連携もセットアップいたします。

事例
作業内容
運用中のWebサイトでうまく編集ができない部分があるので助けてほしい
特記事項
webflowプロジェクトはクライアント様のアカウント上で運用中
弊社提案
コラボレーターとして弊社メンバーを招待いただき、必要な作業を直接行います。また、その作業に際してなぜうまくいかなかったのか、どうすればうまくやれるのかをご説明。
費用
30,000円〜

プラットフォーム移行

よくご相談いただくのは既存サイトをwebflowに移行することです。特にセキュリティ対策やアップデート作業が大変だと認識されるお客様からの問い合わせをよくいただきます。
弊社ではwebflowへの移行はざまざまな形でご提供しておりますが、実はwebflowからWordPress等への移行もお手伝いしています。
様々なCMSやツールを知り尽くしているからこそ、お客様が必要とするツールが何なのかをご提案し、移行をサポートいたします。

事例
作業内容
WordPressで運用中のWebサイトをwebflowへ移行してほしい
弊社提案
WordPressの記事はCSV形式のファイルにすることでwebflowにインポートが可能なので、必要なコンテンツをデータ変換して移行するお手伝いをしつつ、新規のWebサイトとして制作
費用
1,000,000円〜 規模によって異なります。移行せず新規で作った方がお安くなるケースもあります。
事例
作業内容
静的サイトジェネレーターで運用中のWebサイトをwebflowへ移行してほしい
弊社提案
静的サイトジェネレーターのテーマファイルを提供いただき、スペックを確認しながらwebflowへ移行する方法を提案。デザインが不要になるため、新規サイトに比べると費用は約半分に。
費用
100,000円〜/ページ

お問い合わせ

お見積もり、相談は無料です。下記フォームよりコンタクトをお願いいたします。
お打ち合わせに関しましては、原則Zoomなどのオンラインミーティングとさせていただきます。

<お電話でのお問い合わせにつきまして>
お電話でのお問い合わせはリモートワーク等により確実に受電することが難しくなっているため、Webサイト上では案内しておりません。
担当者と電話で連絡が必要な場合は、担当者に直接メールでお知らせ下さい。

お問い合わせありがとうございました。
後ほど担当者より連絡いたします。
(営業メールなどの場合は連絡しないことがあります)
Oops! Something went wrong while submitting the form.