ごたけPORTFOLIO

操作できる制作例

サイトの構成と更新を試す

制作例の表示を切り替え、デザインやCMS更新の流れを操作できます。

WEB SAMPLES / 制作例

Webサイトのサンプル

企業、カフェ、道具店の3つの作例。
選んで、PCとスマートフォンの表示を試せます。

TRY THE DESIGN / 操作できる制作例

選んで、仕上がりを確かめる。

目的、配色、配置、掲載内容。選択を変えると、下のサイトの見た目と構成が変わります。

サイトの設定
目的と見せ方
文章と掲載内容

60文字以内で入力できます。

20 / 60
掲載する内容
仕上がりを見る ↓

この画面内で試すデモです。入力内容の保存・送信は行いません。

架空のサイトのプレビュー
NORTHFIELD CONSULTING企業サイト

BUSINESS CONSULTING

事業の課題を整理し、次の一手を実行へ。

事業計画と業務改善を、課題の整理から実行まで支援します。

相談の流れを見る ↓
事業計画業務改善実行支援

支援内容

事業計画

目標と優先順位を整理する。

業務改善

仕事の流れを見直す。

実行支援

取り組みの進捗を確かめる。

相談の案内

相談内容を確認し、支援の進め方をご案内します。

  1. 課題を共有
  2. 進め方を検討
  3. 支援内容を確認

会社について

事業の方針と日々の業務をつなぎ、実行できる計画を考えるコンサルティング会社の例です。

お知らせ

構成を確認するための掲載例

新しい支援プログラムのご案内

掲載する順番

  1. 支援内容
  2. 相談の案内
  3. 会社について
  4. お知らせ

このデモでは1ページ内の構成を比較できます。実際のページ数や機能は、制作時に目的に合わせて決めます。

TRY AN UPDATE / 更新の体験

お知らせの更新を試す。

タイトルや写真を編集し、変更後の表示を確認してから反映できます。WordPress や microCMS などで行う更新の流れを、この画面内で体験する模擬デモです。

実際の CMS への接続・保存・公開は行いません。

1. 内容を編集

50文字以内で入力できます。

タイトルや写真を変えて、変更後の表示を確認できます。

現在の表示

季節の焼き菓子をご用意しました

カフェの店内の仮写真

CONTENT MANAGEMENT

更新する人に合うCMSを。

管理画面と、サイトの見せ方を分けて考えます。

01 / WordPress

サイトと管理画面をまとめる

お知らせや固定ページを、担当者が編集できる構成。企業サイトの作例で、更新方法を紹介しています。

更新方法を見る
02 / Headless CMS

管理と画面を分ける

CMSのデータをAPIで受け取り、表示する画面を自由に設計します。道具店の作例はWordPressのAPIを使っています。

道具店の仕組みを見る
03 / microCMS

必要な項目から設計する

お知らせや商品など、編集する内容を整理して設計します。上の更新デモでは、管理と表示を分けた更新の流れを試せます。

更新デモはこのページ内のシミュレーションです。実際のmicroCMSへの接続は未設定です。

ポートフォリオへ戻る
INTERACTIVE PREVIEW

企業サイト

自主制作の架空サンプルです。画面内で操作できます。