Webflow Development

All at a high level.

Using the no-code tool Webflow, we faithfully build designs without compromising quality,

ブログ投稿画面
スタイルパネルの画像
マウスオーバーで背景にアニメーションを実装したトリガー設定画面
カラー、数値を一括で管理するバリアブル機能
共有パーツをページ内で作成したStyle Guide画面
CMSでチームメンバーを管理できるようにした編集画面
画面上で簡単にAltタグを設定できる画面
画像、テキスト、スタイルを視覚的に編集可能にした画面
豊富なライブラリーが揃ったRelumeの管理画面
Finsweetの機能を実装したトリガー画面
Assetに登録した画像一覧
OGImageの設定画面
過去に投稿したブログ記事一覧画面
トリガー機能でサイトに動的要素を追加した画面
SEO対策設定をノーコードで設定できる編集画面
視覚的に編集が可能なスタイルパネル
webflowと連携したRelumeの高品質なライブラリー一覧
視覚的にデザインを編集できる画面
自動バックアップされた過去のバージョン一覧
webflowのプロジェクト設定画面
オリジナルのJavascriptを実装したエディター画面
他言語展開機能Localizationの設定画面
コンポーネント化したパーツの一覧画面
Booos7のメインビジュアルの画像
不要なclassを削除してより読み込みスピードを向上させる設定画面
Webflow

No-code Tool
What is Webflow?

Webflow is a no-code website development tool currently attracting global attention.

Services

Features of Webflow Development

Webflow is not just for website development, but also
It's a no-code tool packed with various powerful features.

Visual Editor for Intuitive Editing

Webflow's key feature is its ability to build website designs using no-code. Traditional website development requires writing code, uploading to a server, and verifying proper construction.

スタイルパネルの画像

Add trigger functions to your site.

Webflow also includes features to create a wide range of animations, such as mouse-over, scroll, and loading effects.

マウスオーバーで背景にアニメーションを実装したトリガー設定画面

Easy-to-Manage CMS Development

Subscribing to a CMS plan allows you to build CMS structures and implement various posting functions, including blogs, staff registration, and product registration.

ブログ投稿画面
スタイルパネルの画像マウスオーバーで背景にアニメーションを実装したトリガー設定画面ブログ投稿画面
Security

マネージド型だから、保守に追われない。

保守・更新は自動
サーバー保守やプラグイン更新が不要です。
CDN+DDoS対策
全サイトにグローバルCDNとDDoS対策。
バックアップ・承認フロー
自動バックアップと公開前の承認フロー。
Our Work

Our Work

We build websites specializing in international marketing.

We have developed a landing page for a language school in Los Angeles. To meet the goal of attracting students from Japan, we have built a landing page designed to effectively communicate the school's unique appeal and strengths.
We have developed a landing page for a language school in Los Angeles. To meet the goal of attracting students from Japan, we have built a landing page designed to effectively communicate the school's unique appeal and strengths.
Webflow Development
Landing Page
Web Design
We developed the complete website for SSS, creating a site that effectively and concisely communicates the appeal of English.
We developed the complete website for SSS, creating a site that effectively and concisely communicates the appeal of English.
Webflow Development
Web Design
We completely revamped the website for a knife shop located beneath Tsutenkaku in Osaka, and integrated an e-commerce site. We also included a recruitment section, making the entire website clear and user-friendly.
We completely revamped the website for a knife shop located beneath Tsutenkaku in Osaka, and integrated an e-commerce site. We also included a recruitment section, making the entire website clear and user-friendly.
Webflow Development
E-commerce Website Development
Web Design
Multilingual Expansion
I developed a Webflow landing page for general consumers who want to speak English. The page is designed to effectively convey the unique appeal of being able to speak with a native instructor for two hours.
I developed a Webflow landing page for general consumers who want to speak English. The page is designed to effectively convey the unique appeal of being able to speak with a native instructor for two hours.
Webflow Development
Landing Page
Web Design
We fully renewed the website for an American language school, building it with Webflow. The design of the site is based on the original.
We fully renewed the website for an American language school, building it with Webflow. The design of the site is based on the original.
Webflow Development
WordPress Migration
Multilingual Expansion
We developed a public-facing landing page for Curfex Japan Co., Ltd. using Webflow. The page highlights easy international money transfers and provides clear information through a simulator.
We developed a public-facing landing page for Curfex Japan Co., Ltd. using Webflow. The page highlights easy international money transfers and provides clear information through a simulator.
Webflow Development
Landing Page
Web Design
We developed a Webflow landing page for Curfex Japan Co., Ltd.'s corporate clients. It is aimed at Japanese companies and highlights the ease of international money transfers.
We developed a Webflow landing page for Curfex Japan Co., Ltd.'s corporate clients. It is aimed at Japanese companies and highlights the ease of international money transfers.
Webflow Development
Landing Page
Web Design
We developed a Webflow landing page for Curfex Japan Co., Ltd.'s corporate clients. It is aimed at Japanese companies and highlights the ease of international money transfers.
We developed a Webflow landing page for Curfex Japan Co., Ltd.'s corporate clients. It is aimed at Japanese companies and highlights the ease of international money transfers.
Webflow Development
Landing Page
Web Design
Testimonials

Client Testimonials

From clients who have commissioned us
We have collected client testimonials.

Our Approach

このサービスの前後も、Booostが伴走します。

戦略設計は構築の料金に含まれます。公開後の伴走は、管理も含めた上位プラン「伴走プラン」でご提供します。同じチームが担当します。
01
Optimize
構築
このサービスで、サイトの土台を整えます。
デザイン
Webflow構築
SEO・計測
このページのサービス
02
Observe
戦略設計
目的・ターゲット・KPI・構成を先に決めます。
現状診断
KPI設計
サイト構成
構築の料金に含まれます
03
Operate
伴走
公開後のデータを見て、Booostから毎月改善をご提案します。
月次レポート
改善提案と実施
社内更新のサポート
管理込みの上位プラン
成果を確かめたら、次の打ち手へ。土台 → 戦略 → 伴走を回し続けます。
Flow

Production Flow

We'll explain the process from consultation and website creation to delivery. Please feel free to inquire if you have any questions.

1
Initial Consultation / Hearing

Once you contact us, our staff will arrange a preferred date and time for your initial consultation.

2
初回お打ち合わせ/ヒアリング

お問い合わせいただきましたら、弊社担当スタッフより初回お打ち合わせのご希望日時を決定いたします。
お打ち合わせの際には現在の課題・お悩みなどをお伺いします。

3
Quotation Presentation

We will issue a quotation based on the details discussed during our meeting.

4
Webflow Site Development

Once the design is complete, we will issue a dedicated Webflow account for you and begin the development process.

5
webflowでサイト構築

デザインが完成しましたら、お客様専用のWebflowアカウントを発行し構築作業を開始いたします。
CMS・権限・SEO・計測を設定しながら構築します。

6
SEO対策・最終チェック

最後にSEO対策の設定と合わせ、不足分がないよう品質チェックを行います。

7
SEO Measures & Final Check

Finally, we perform a quality check to ensure nothing is missing, along with setting up SEO measures.

FAQ's

Frequently Asked Questions

We have compiled frequently asked questions about web design.

What is Webflow?

Webflow is a no-code tool currently gaining global attention. It allows for visual design construction and excels in SEO optimization and multi-language deployment.

How much does a Webflow account cost?

Your plan will vary depending on whether you use CMS and the number of pages required. We will propose a recommended plan during our consultation.

Is it possible to ask you to only build a Webflow site using a design we provide?

Yes, we can also do Webflow development only.
We will review the data you provide and may make some adjustments.

Can I manage it without programming knowledge?

Yes, it's possible. After delivery, we will grant you Webflow editing permissions so you can post blog articles and more.
Furthermore, to prevent accidental operations, we can restrict which pages can be edited. So, please rest assured that your site won't disappear due to client edits.

I'm worried we won't be able to operate it ourselves because the admin screen is in English.

Rest assured. We have Webflow-certified creators on staff who will teach you how to use it.

作る前の相談から、お気軽に。

黒い背景にピンク、赤、黄色、水色の粉が噴き出している鮮やかな色の粉塵の爆発。