★色見本

★固定ページの作成ルール

カバーブロック挿入して、 「full-width section」のclassをつける(最初のsectionのみsection-firstのclassを追加する)

①のカバーのなかに「container」のclassをつける。

②の中にコンテンツを作成していく。

★見出し

★テキスト装飾

.txt-block_txt .txt-block下のテキストと位置をそろえます。

★ボタン-カスタムHTMLで挿入

・位置設定はclassに center right left を入れる。
・SP時のみ中央は、center-sp woclassに入れる。

.btn-top_japan

国内向けマーケティングサービス

.btn-top_abroad

海外向けマーケティングサービス

.btn-japan

国内はこちら

.btn-abroad

海外はこちら

.btn-mint

海外はこちら

.link-square

マーケットリサーチ

.btn-arrow

詳しくはこちら

★パーツ

流れ(番号付) -カラムに.flow-number*。*には1~6の数字を入れる

お問い合わせ

ご相談の概要の確認とヒアリングの日程調整をさせていただきます。

ヒアリング

WEB会議等でお客様の状況や課題感、理想についてヒアリングいたします。

プランのご提案

お見積りとセットで支援させていただくプランをご提案いたします。

契約・利用開始

契約書締結の後、コンテンツ制作を開始いたします。

契約・利用開始

契約書締結の後、コンテンツ制作を開始いたします。

契約・利用開始

契約書締結の後、コンテンツ制作を開始いたします。

・支援詳細ブロック

・市場・競合・顧客分析をもとに課題を明確化
・最適なチャネルと手法を選定し、戦略を構築

・テキストコンテンツ制作:SEO記事、ホワイトペーパー、メルマガなど
・動画コンテンツ制作:商品紹介、顧客事例、SNS向け動画など
・広告運用・SNS施策:チャネルに合わせたキャンペーン設計と運用

・PDCAサイクルを回し、施策の効果を最大化
・データ分析を基にした改善提案と施策実行

サービス詳細(タイトル1行)

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

・サービス詳細(タイトル2行)

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

・サービス例

海外取材コンテンツ

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

海外SEOコンテンツ

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

海外ホワイトペーパー

テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■テキスト■

・実例ブロック

昨対比売上700%以上UP!流入数だけではなく、CVR改善も実施!

課題:インテリア販売をするECサイトはあったが、サイトへの流入が少なく、購買件数も月に数十件程度だった。
施策:メディア立ち上げ・ECサイト改善・SEOコンサルティング
結果:流入数を増加させる為、Organicチャネルの強化目的でメディアを新規立ち上げ。また、流入後のCVR改善を行う為、ABテストなど実施し改善した結果、昨対比売上700%以上UP!

・質問

A. はい、可能です。ただし、最適な戦略を設計した上で実施することでより大きな成果が期待できます。

・番号 .number

01

★ブロックの設定

.blockBorder-gray

テストテストテストテストテストテストテストテストテスト

★スペーサーで高さを設定。SP時の高さを以下のclassで設定

@media (max-width: 768px) {

/*** Spacer ***/

.spacer-SP-spacer10 {height: 10px !important;}

.spacer-SP-spacer20 {height: 20px !important;}

.spacer-SP-spacer40 {height: 40px !important;}

.spacer-SP-spacer60 {height: 60px !important;}

}

★便利なclass

/* margin */

.mt0 {margin-top: 0 !important;}

.mt20 {margin-top: 20px !important;}

.mt30 { margin-top: 30px !important;}

.mt40 { margin-top: 40px !important;}

.mt50 {margin-top: 50px !important;}

.mb60 {margin-bottom: 60px !important;}

.mb40 {margin-bottom: 40px !important;}

.mb30 {margin-bottom: 30px !important;}

.mb20 { margin-bottom: 20px !important;}

.mb10 { margin-bottom: 10px !important;}

.mb0 {margin-bottom: 0 !important;}

center 中央配置

left 左寄せ

right 右寄せ

txt-center_sp SP時のみテキスト中央

center-sp SP時のみブロック要素(ボタンなど)を中央

pc PC時のみ表示

sp SP時のみ表示

w80 幅を80%。SP時は100%