Web planning & development in Okinawa

見た目だけではなく、運用まで設計する。

YUI FRAMEは、システムエンジニアと専属デザイナー兼フォトグラファーが、相談からデザイン・撮影、サイト構築、公開、保守まで内容を共有して進める、沖縄の小規模事業者向けWeb制作サービスです。

必要以上に複雑な機能や高額な月額契約を付けず、事業に必要な内容へ絞って、長く持ち続けやすいサイトを構築します。

沖縄県内では、可能な範囲で対面ヒアリングにも対応します。

About YUI FRAME

つくる前から、公開後までを考える。

システムエンジニアが目的、予算、必要な機能、更新方法を整理し、専属デザイナー兼フォトグラファーが事業の雰囲気をデザインと写真へ反映します。

構成、デザイン、写真、スマートフォン表示、問い合わせ導線を2名で共有し、途中の画面をご確認いただきながら、公開後も運用しやすい形へ段階的に整えます。

YUI FRAMEについて
01

Requirements

相談・構成を整理
02

Design & photo

デザイン・撮影を設計
03

Build & launch

実装・AWS公開
04

Maintenance

公開後も相談

Problems

このようなお悩みはありませんか?

01

Instagramだけでは料金やサービスが伝わりにくい

02

Webサイトを誰に頼めばよいか分からない

03

古いサイトがスマートフォンで見にくい

04

WordPressの更新や管理が難しい

05

制作会社へ依頼すると高額になりそう

06

自分の事業に合ったデザインを一緒に考えてほしい

07

公開後の修正や更新も相談したい

お話を伺い、今の事業に必要なWebサイトを一緒に考えます。

Services

相談から公開・保守まで、一貫して対応します。

窓口を分けず、要件整理・デザイン・構築・テスト・公開後の運用まで必要な範囲をまとめてサポートします。

01

Planning

ホームページ企画・要件整理

主力サービスであるホームページ制作について、事業の目的、予算、必要な機能、公開後の更新方法を伺い、ページ構成と制作範囲を整理します。

02

Design

Webデザイン・ビジュアル設計

専属デザイナー兼フォトグラファーが、実際のWebパーツも確認しながら、お客様の希望や事業の雰囲気が伝わる配色・文字・写真の見せ方を設計します。

03

Development & test

サイト構築・テスト

システムエンジニアが、管理しやすい静的サイトを標準に構築し、画面表示やリンク、各端末での見え方を段階的に確認します。

04

Responsive

マルチデバイス対応

パソコン・タブレット・スマートフォンのそれぞれで、情報が読みやすいレイアウトに調整します。

05

SEO

基本SEO設定

ページタイトルや説明文、見出し構造など、検索エンジンに内容を伝えるための基本設定を行います。

06

Conversion

問い合わせ導線

問い合わせフォーム、LINE、電話など、利用者が迷わず連絡できる導線を設置します。

07

Launch

ドメイン・公開設定

顧客名義を基本に、独自ドメインや公開環境の設定を確認し、完成したWebサイトを本番環境へ公開します。

08

Maintenance

公開後サポート・保守

公開後30日間の不具合対応は制作料金に含みます。その後の文章・写真の差し替えは、任意の月額保守またはスポット更新として承ります。

09

CMS

CMS導入

Growth CMSプランでは、お知らせや施工事例などを自分で更新できるmicroCMSの導入・設定・操作説明を制作料金に含めます。

10

Migration

Webサイト移行・再構築

古くなったWordPressサイトの軽量化や、運用方法に合わせたWordPressへの移行に対応します。現在のページや画像を確認し、適切な移行方法をご提案します。

詳しく見る

Semi-order catalog

パーツを見ながら、好みの方向性を整理。

ボタン、枠、プロフィール、料金表、問い合わせ導線などの実例から、事業に合う雰囲気を確認できます。

選んだ方向性をもとに、YUI FRAMEが見やすさ、スマートフォン表示、問い合わせまでの流れを整えてご提案します。

Webパーツカタログを見る
Aボタン
Bプロフィール
C問い合わせ

Engineering approach

システムエンジニアが設計するWebサイト

つくる前の要件整理から、公開後にどう持ち続けるかまで。専門的な仕組みではなく、お客様にとっての分かりやすさと運用のしやすさを基準に設計します。

必要な機能を整理

目的、費用、更新負担を確認し、必要な機能を選びます。

公開後まで考えた設計

ドメイン、公開環境、更新方法、保守範囲を事前に整理します。

段階的な確認

構成、画面、スマートフォン表示を確認しながら制作します。

変更履歴を管理

ソースコードと変更履歴を管理し、修正内容を確認できるようにします。

将来の変更にも対応

Growth CMSでの更新運用や、将来のサイト移行まで考慮します。

Price

料金プラン

1ページのホームページから更新機能付きの構成まで、事業の規模と運用方法に合わせた5つのプランです。

料金の詳細を見る

Starter

はじめてHP

89,800円

まずは必要な情報を、縦長の1ページに分かりやすくまとめたい方向け。

  • 1ページ
  • 必要情報を1ページに整理
  • 問い合わせ導線の設計
  • 修正2回

Small biz standard

Small Biz Standard

189,800円

サービスや会社情報を整理し、信頼につながる標準的なサイトを整えたい方向け。

  • 6ページ
  • 事業内容に合わせた構成
  • FAQ・問い合わせ導線の設計
  • 修正2回

Growth CMS

Growth CMS

249,800円

お知らせや実績を自分で更新し、公開後も情報を育てていきたい方向け。

  • 6ページ
  • microCMS導入
  • お知らせ・実績などの更新機能
  • 更新画面の設定・操作説明

Custom plus

Custom Plus

298,000円からの個別見積もり

ページ数や構成、必要な機能を個別に整理し、事業に合わせて設計したい方向け。

  • ページ数・構成を個別設計
  • 既存サイトの移行・再構築にも対応
  • 必要な機能をヒアリング
  • 仕様書・お見積もりを個別作成

※ 各プランには、端末ごとの表示調整、基本SEO設定、問い合わせ導線、公開設定、公開後30日間の不具合対応を含みます。詳細は料金ページをご確認ください。

Works

業種に合わせた、2つの制作サンプル。

個人サロンとカフェ。同じ型の色違いではなく、事業ごとの課題と問い合わせ導線に合わせて設計しています。

制作ポイントを見る
生成り色で整えられた、明るい個人サロンの施術室架空サンプル

Case 01

Sample site / Personal salon

個人サロン向け サンプルサイト

予約前に知りたい情報を、スマートフォンで見やすく整理した架空の制作サンプルです。

想定業種
沖縄県内の完全予約制・個人サロン(想定)
主な導線
ページ内の予約案内/スマートフォン下部の固定予約ボタン(デモ)
サンプルを見る
本棚と大きな木のテーブルがあるカフェで、店主がコーヒーを淹れる様子架空サンプル

Case 02

Sample site / Creative cafe

カフェ・クリエイティブ空間向け サンプルサイト

コーヒー、本、仕事、イベントが自然につながる場所の魅力を編集・雑誌風に伝える架空の制作サンプルです。

想定業種
沖縄県内の個人カフェ・イベントスペース(想定)
主な導線
イベント・スペース利用案内/ページ内問い合わせ導線(デモ)
サンプルを見る

Flow

制作の流れ

相談から本番公開、運用保守まで、画面を確認していただきながら段階的に進めます。

詳しい制作の流れ
  1. 01

    お問い合わせ

    Webサイト、デザイン、写真撮影について、分かる範囲でご相談内容をお知らせください。

  2. 02

    初回相談

    代表・システムエンジニアと専属デザイナー兼フォトグラファーが、現在のお悩みや実現したいことを伺います。

  3. 03

    事業・店舗のヒアリング

    事業の特徴、店舗の雰囲気、届けたい相手、希望する印象を2名で共有します。

  4. 04

    構成・仕様・制作方針の整理

    SEがページと機能を整理し、デザイナーが配色、写真、ビジュアルの方針を検討します。

  5. 05

    見積書・仕様書の提示

    Webサイト、撮影、ロゴ・印刷物などの制作範囲、費用、進行予定をまとめてご提示します。

  6. 06

    契約・着手金入金

    内容に同意いただいたあと、ご契約と着手金のお支払いをお願いします。

  7. 07

    撮影・デザイン制作

    専属デザイナー兼フォトグラファーが、決定した方針に沿って撮影とデザインを進めます。

  8. 08

    Webサイトへの実装

    共有した構成、デザイン、写真をもとに、代表・システムエンジニアがAstroで実装します。

  9. 09

    お客様確認・修正

    実際の画面を段階的に確認していただき、2名で内容を共有しながら合意した範囲を修正します。

  10. 10

    最終確認

    SEがリンクや各端末の表示を、デザイナーが写真やビジュアルを確認し、全体の品質を整えます。

  11. 11

    残額入金

    最終確認後、公開前に残額のお支払いをお願いします。

  12. 12

    本番公開

    代表・システムエンジニアが独自ドメインとAWS公開環境を設定し、Webサイトを公開します。

  13. 13

    運用保守

    公開後はSEが窓口となり、更新内容を専属デザイナーと共有しながら修正や運用を支えます。

Team

SEとデザイナーが、一緒にサイトをつくります。

システムエンジニアが相談・構成・実装・公開・保守を、専属デザイナー兼フォトグラファーがデザイン・写真・ビジュアル制作を担当し、内容を共有しながら段階的に進めます。

YUI FRAMEについて

制作担当

YUI FRAME代表・システムエンジニア

  • 相談・要件整理
  • サイト構成・仕様整理
  • 実装・テスト
  • AWS公開設定
  • 公開後のサポート・保守

デザイン・撮影担当

YUI FRAME専属デザイナー兼フォトグラファー

  • Webデザイン・配色設計
  • 店舗・商品・プロフィール撮影
  • ロゴ・名刺・パンフレット制作
  • サイトと写真の世界観統一
  • お客様の希望や事業の雰囲気をデザインへ反映
デザイナー・フォトグラファー紹介を見る

FAQ

よくある質問

ご相談前によくいただくご質問をまとめました。

質問をすべて見る
Q相談だけでも可能ですか?
A

はい、初回相談は無料です。サイトを作るか決まっていない段階でも、現在のお悩みや必要な内容を一緒に整理します。

Q制作期間はどのくらいですか?
A

ページ数や機能、素材の準備状況によって異なります。ご希望の時期を伺い、ご提案時に進行予定をご案内します。

Q写真や文章がなくても依頼できますか?
A

ご相談いただけます。代表・システムエンジニアと専属デザイナー兼フォトグラファーが現在ある情報を共有し、掲載内容と必要な写真を整理します。店舗・商品・プロフィールなどの撮影が必要な場合は、撮影場所や必要なカット数を確認し、事前に費用をご案内します。

Qデザインや写真撮影は誰が担当しますか?
A

YUI FRAME専属デザイナー兼フォトグラファーが、Webデザイン、配色、店舗・商品・プロフィール撮影、ロゴ・印刷物などを担当します。代表・システムエンジニアと相談内容やページ構成を共有しながら、サイトと写真の世界観を整えます。

Contact

見た目だけではなく、公開後の運用まで。

必要なページや更新方法が固まっていなくても大丈夫です。要件整理から一緒に始められます。

無料相談を申し込む