Feature
あなたのファンを第一に。
お客様やクライアントが、あなたのビジネスと同じ業種の商品やサービスに興味を持ったり、あなたのお店がある地域に旅行をする際に地域情報を知りたいと思ったら、最初にインターネットで検索して情報を得ることがほとんどです。
あなたに興味を持ってホームページに訪れたり、オンラインショップに来てくれるかも知れません。
その時のために、お客様が迷わないような導線にしたり、しっかりと存在感を示して、きちんと来てもらいたいですね。
そして訪れてくれたときには、Webサイト内できちんと接客してお客様が目的を達成してもらうことで、喜んでまた来てくれたり、次は実際のあなたの会社やお店に足を運んだり、あなたのサービスを利用してくれます。
お客様からしたら、デジタルであってもそうでなくてもあなたへの印象は一緒です。
お客様は同じ人。オフラインもオンラインも同じ、あなたのファンだからです。
あなたの活動を理解して
その思いを共有して。
あなたは、あなたのビジネスや活動について、最もよく知っている専門家です。
私たちは
あなたの事業、活動、製品、サービスのこと
解決したい課題
あなたの業界のこと
あなたのお客様のこと
あなたの思いやビジョン
といったことをできるだけ把握してから制作したいと考えています。
それは、Webサイトやデザインをするうえで、
あなたのお客様の "ベネフィット"「私にとって何がいいの?」に応える、
あなたの強みや魅力の根拠となる "メリット" 「ここが良いんです！」をきちんと伝えていきたいからです。
そして、あなたの思いは人を動かすことができるからです。
私たちは、それらをデザインや文章に反映させて、Webサイトやデザインで表現していきます。
あなたと同じ目標に向かって。
わたしたちは、あなたと目標を共有したうえでプランニングをしていきます。
プランニングの流れ
①ペルソナの設計、方向性を決定
②方向性をもとにプランニングを作成
③フレームワークへの落とし込み
あなたが目的に辿り着くように。
人々はデザインとテクノロジーの影響を受けて生活しています。
例えばスマートフォンで、サービスを利用するときにも、ユーザーのことを考えてデザイン設計されたコンテンツに、 意図されて行動をとっています。
オンラインショップを一つとっても、
①Webページの導線 ②イメージを伝える画像 ③キャッチコピー・文章
などで接客をすることにより、お客様が欲求の壁を越えて、さらに比較の壁を越えることで、購買に結びついていきます。
これはオンラインショップに限ったことではなく、他のビジネスやサービスのWebサイトも同じです。
お客様に目的にたどり着いてもらう ＝ あなたの目標の達成
には相互関係があり、お客様が満足することで、次のアクション、企業イメージ向上やファンの獲得につながっていきます。
わたしたちは、あなたが安心して目的に辿り着いて目標を達成してもらえるように、そのサポートをします。
あなたにとって良いデザインを。
わたしたちは、今までいろいろな"良いデザイン"に出会ってきました。
・美しいデザイン。
・時がたっても色褪せないデザイン。
・その時その瞬間だから光を放つデザイン。
・象徴としてのデザイン。
・心躍るようなデザイン。
・心を揺さぶる強いデザイン。
・お客様のことを考えられたデザイン。
世の中には"良いデザイン"がたくさんあります。
フォントとは、デザインやWebサイト全体で使用する文字の書体です。 大きくはセリフかサンセリフか、ゴシック体か明朝体かでデザインやWebサイトの印象が変わります。
ご希望がない場合、適切な書体をご提案します。
Webサイトで使用する色は、基本の3色は必要になります。
業種により、また色の用途や役割によって、適したカラーは異なり、色が与える影響は大きいです。
ご希望がない場合は、相性の良い配色を考案します。
Webサイトで使用する画像には、次の3つの方法があります。
①すでに撮影してある画像を使用する
②撮影する
③商用利用可能なストック画像を利用する
使用するポイントや必要な画像の内容によって、適切な方法や効率を考慮した使用をご提案します。
Webサイトの各ページに必要な言葉は、次のようなものが必要です。
①タイトル
②キャッチコピー
③ボディコピー
④クロージングコピー
あなたからの情報をもとに適切な言葉を記述します。
見た目のデザインと、SEOやユーザビリティの視点から全体を組み立てて、デザインカンプ（完成見本図）を仕上げます。
あなたが使える方法は
一つではありません。
CMSとは、Webサイトの専門知識がない方でも管理画面の基本操作を覚えることで、更新や投稿ができる便利なシステムのことです。
オンラインショップ以外
オンラインショップ
Shopifyはオンラインショップに特化したCMSです。
175カ国以上のほぼ全世界で使われ、100万以上のストアで利用されている世界最大のECプラットフォームです。
グローバルの流通総額は10兆円を超えており、アメリカのeコマース売上⾼ではAmazonについで2位。
世界中のサイトの約3%がShopifyで作られてます。
ワードプレス同様に、管理画面が使いやすく、カスタマイズ性と拡張性、出来ることの豊富さが特徴です。
Specializedページのオンラインショップ制作 で、特徴を紹介しています
方法はいろいろあります。
コーディングとは、デザインカンプをもとに、プログラミング言語 HTML・CSS・JavaScript を記述して、ブラウザ[Google Chrome・Safari・Internet Explorerなど]で見れる形式に変換していく作業です。
WordPressで制作する場合、ゼロからコーディングして制作する方法、デザインのベースとなるテンプレートを用意し、コーディングする部分を少なくして、カスタマイズを中心に制作する方法の2パターンをご提案しております。
それに加え、Webサイト制作が可能なノーコードツール、STUDIOやWebflowで構築する方法もあります。
手軽さはありますが、まだ実現できないことがありますので、それぞれの特徴をご説明したうえで、最適な方法での制作をご提案し、ご満足いただけるように丁寧に制作します。
完全オリジナルから制作 - WordPress
プログラミング言語をコーディングして、Webサイト制作をゼロから行います。
戦略や情報設計が細かく反映できるため、あなたのビジネス課題の解決するためのサイト、目的を達成するためのサイト、あなたのお客様に向けたサイトを作ることができます。
デザインの自由度も高く、あなただけのオリジナルなサイトが完成します。
特にビジネスサイトの場合、サービスサイトの規模感に応じて、ゼロから構築するこちらの方法をおすすめします。
テンプレートデザインから制作 - WordPress
オフィス イズ トウキョウでは、内部構造がしっかりしていて、デザイン性、拡張性に富んだデザインテーマを用意していますので、カスタマイズのレシピをもとに、編集力を駆使して構築します。
コーディングする工程が少なくなることで、ゼロからコーディングする場合よりも費用を抑えることができ、製作期間を短く制作することができます。
サイトの目的や内容、費用や納期などを考慮して、こちらの制作方法が適している場合があります。
NoCodeで制作 - STUDIO , Webflow
STUDIO、Webflowといったノーコードツールを使ったWebサイト制作の提案もしています。
ノーコードツールとは、コーディングしないでWebサイトを制作できるプラットフォームのことで、最近ではWeb制作会社や世界の企業でも採用され始めています。
デザインツールのように構築していけることで、比較的時間をかけずに制作できるメリットがありますが、 その反面、機能面でまだ実現できないこともあります。
そして
あなただけのサイトに。
あなたと、Webサイトの訪れるお客様のために、
・サイトの見た目を整える
・管理画面を便利に使いやすくする
・機能を追加する
といった設定していきます。
WordPressテーマ化
HTML CSSでコーディングした静的サイトから、役割を持ったテンプレートファイルを作成し、プログラミング言語のPHP、 WordPress関数を用いて動的に変換していき、アクションフック、フィルターフックを用いることで拡張し、WordPressのテーマ化をしていきます。
動的になることで、管理画面で更新ができるようになります。
テーマのカスタマイズ
ShopifyはOnline Store 2.0 が導入されたことにより、劇的に進化しました。
Online Store 2.0 のテーマを、カスタマイズを駆使することでデザインしていきます。
しかし、日本用にローカライズされていない部分、コーディングなしでは実装できないデザインや機能があるため、Shopify CLIという機能を使って、ストアとローカル開発環境を接続して、コーディングしてオリジナルサイトに仕上げていきます。
成果につながるストア、オリジナルのブランドサイトを構築するために必要不可欠な作業です。
プラグイン・アプリの追加と設定
機能を追加して拡張するためのWordPressではプラグイン、Shopifyではアプリが用意されています。
基本設計に従って、サイトの目的によって、必要な機能を持ったプラグインとアプリを導入して設定してきます。
プラグインは、入れすぎるとサーバー負荷がかかって重くなったり、入れ過ぎもよくありません。サーバー負荷が高くないもの、保守性を優先したいものはプラグインで機能管理を行っていきます。
管理画面の編集
サイトの構造をきれいにして、あなたがWebサイトの投稿や更新しやすいように、WordPressの管理画面をカスタムの機能を持つプラグインをインストールし、設定をしていきます。テンプレートファイルには、独自関数を記述して実装していきます。
設定
オンラインショップは、独自の設定が必要になります。
・メタフィールドでの機能追加
・アカウントページの設定
・配送設定（配送業者・地域ごとの送料設定）
・各種規約設定 - （プライバシポリシー・配送ポリシー・利用規約・特定商取引法に基づく表記）
・決済方法の設定
Shopifyは設定により、POSを用いた実店舗、ホームページ、LINE・Facebook・InstagramなどのSNS、楽天といったモールに、販売チャネルを連動させることができるため、ご提案しご希望をお伺いしたうえで設定します。Google広告、Facebook広告の出稿も管理画面から可能になります。
あなたが分かりやすいように。丁寧に。
完成後にW3Cチェックや、テキスト・カラー・画像・リンク・アニメーションが適切か、挙動の確認、見出し構造のチェックなどいくつかの確認項目を経て、お客様のサーバーに納品させていだきます。
そこでお客様と一緒に、基本的な使い方やWebについての基礎知識についてご説明させていただきます。
項目
・Webについて基本的なこと
・管理画面の使い方
・更新の方法
・ブログ投稿の方法
・注意事項
・SNSや他チャネルとの連携と使い方
・集客と接客と再来訪について
・アクセス解析の方法
・サポートについて
あなたが迷わないように、一からレクチャーしていきます。
大丈夫です。最初は誰でも不慣れです。
使っていくうちに慣れますのでご安心ください。
お互い分からないことを、
解消していければ幸いです。
Faq
完成までの期間は、
・受注状況
・制作内容
・Webサイトの種類
・お客様が実現したい内容（ページ数+機能）
・写真、デザイン、文章の素材
などで変わります
制作期間のみは下記を目安にしてください。
①ゼロから情報設計し構築する場合 3ヶ月〜
②テンプレートから制作する場合 1ヶ月〜
③オンラインショップを構築する場合 1ヶ月〜
Webサイトが必要な日程が決まっている場合は、可能な限り早く対応します。
受注状況によって、
①お待ちいただくケース
②納期のご希望に添えないケース
③お受け出来きないケース
がありますので、ご了承ください。
まずはお問い合わせをお願いします。
全国で対応しております。
静岡や東京以外の道府県のお客様もお問い合わせください。
ご契約までは無料で対応いたします。
・制作の方法
・必要なページや構成
・必要な機能
などにより異なりますので、お話をお伺いし、オフィス イズ トウキョウからもできることをお話させていただきます。
ご予算についてもお伺いしますので、その時点で制作方法と料金の目安はお伝えします。
大幅なずれがなければ、最適なプランを考えて、ご提案とお見積りを作成しますので、ご検討ください。
ご納得いただいたうえで、ご契約させていただきます。
デザインは全般が専門です。
企業向けであれば、CIやタグラインのデザインから、会社案内や商品・サービス紹介の小冊子、DM、名刺といった印刷物のデザイン
サービスによっては、バナーやサムネイルのデザイン
ブランドであれば、ロゴやTシャツやパッケージなどのグラフィック
お店であれば、ショップカードやメニュー表、看板、POP
といったサービスに応じたデザインを承っています。
例えばコーポレートサイトを作るタイミングで、一緒に会社案内を小冊子などで作成することで、「Webに慣れていないから、いちいち検索したりURLを入力するのはめんどう」という取引先やお客様の層に対して、アプローチできる利点があります。
また、洋服や雑貨、ノベルティなどのプロダクトの企画デザインも専門です。
「Webサイトを作りたいけど何から相談していいか分からない」、「まずは話だけでも聞いてみたい」といったお悩み、「こんなことを解決できないかな」といった課題がございましたら、お気軽にお問い合わせください。
出張相談を行っています。
忌憚なくお話をお聞かせください。
お客様のご要望や課題に対して、お手伝いできることをご案内できると思います。
ご契約までは、無料で対応していますので、安心してご相談ください。
お客様の活動について、目的、イメージやご要望、希望納期や予算をお伺いします。
対話を通して目標を共有することができてから、最適なプランを考えてご提案とお見積りを作成します。
制作はお客様に納得していただいてからになります。
はじめてのお客様でも運用に困らないように、基本的な使い方やアクセス解析の方法、SEOについてなど、分かりやすく丁寧にお教えします。
「何から頼んで良いか分からない」からお気軽に。
「まずは話だけでも聞いてみたい」からどうぞ。