Warning: Undefined array key "solution_breadcrumb" in /home/xs432121/lasilif.com/public_html/proweb.lasilif.com/wp-content/themes/nano_tcd065/template-parts/breadcrumb.php on line 7
  1. HOME
  2. Webプロデュース
  3. Web制作

Web制作


Warning: Undefined variable $sub in /home/xs432121/lasilif.com/public_html/proweb.lasilif.com/wp-content/themes/nano_tcd065/template-parts/page-header.php on line 57

Web制作

企画と実現

目的を明確化し、最適解を実現。
機能するWebサイトを制作

お客様へヒアリングを実施した上でWebサイトを製作する
目的を明確化し、ニーズに沿った企画をご提案!
サイトの制作からデザイン・コンテンツの企画、保守・運用まで、
目的達成へ向けて共に伴走いたします。

Web制作 企画と実現Web制作 企画と実現

Webマーケティング 発信と活性Webマーケティング 発信と活性

Web管理・運営 安定と継続Web管理・運営 安定と継続

Webコンサルティング 相談とアドバイスWebコンサルティング 相談とアドバイス

こんな方へ

  • 何度もリニューアルしているが、費用対効果が下がってきている
  • ビジネスにウェブを活用していきたい
  • 更新しやすいサイトにしたい
  • ウェブからの集客を増やしたい
  • デザインが古く感じる
  • スマートフォンに対応したい
  • 動画やSNSなど、最新トレンドをプロモーションに取り入れたい
  • どんなサイトを作ったらいいか相談したい

サービスの概要

Web構造の基本概念図

企業サイト、サービスサイト、ECサイト、モバイルサイト…etc
Webサイトには様々なバリエーションがあり、そこには必ず企業ごとに“達成したい目的”が存在しています。

そこでpro-webでは企業が掲げた目的を達成するために、まず企業側がWebサイトで「したいこと」「できること」と、ユーザーの「期待すること」「求めること」との接点を探求。企業側が思い描く将来像とユーザーのニーズを擦り合わせた上で、最適解を導き出します。

また、pro-webでは右の図で表しているWeb構造における基本概念の要素を満遍なく備えているためトータルでサポートが可能です。当社では経験豊富な社員だけでなく、各分野のプロフェッショナルとも提携しているため幅広いご要望に対応!Webサイトの制作・運用を多角的にご支援いたします。

FEATURE 1

ビジネスと直結したWebサイト構築

Webサイトの構築には、まず目的・背景の把握が必要です。そのため、pro-webではクライアントの業務やサービス、ユーザーや業界の事情を俯瞰して深く理解した上で、より視野の広い提案・的確なマネジメントを行っております。

FEATURE 2

高い専門性とクオリティを実現

業界や目的により必要となる知見・ノウハウ・経験値は異なるため、pro-webではコンテンツ制作やデザインなど、各分野に精通した専門スタッフと多数提携。各スタッフを適切に手配・マネジメントし、ハイクオリティなサービスを実現いたします。

FEATURE 3

お客様と同じ目線でゴールや進捗を共有

お客様がわかりやすいよう、同じ目線に立って目指すべきゴールや進捗を共有。専門用語や技術用語はなるべく使わず、わかりやすい言葉と可視化されたドキュメントを用いてお客様へのご説明・情報共有を行っております。

サービスの詳細と流れ

pro-webでは、Web構築のプロセスを以下の工程を基本に考えています。プロジェクトごとに必要な要素や順序などを柔軟にカスタマイズしながら、最適化されたオペレーションとWebサイトの実現を目指します。

調査・分析 具体的な施策 共有されるドキュメント例

Web構築の第一歩として、環境把握のための各種調査・分析をおこない、数値化、客観化に努め問題点やテーマを明確にします。これらのプロセスを組み入れることにより、 Web戦略をより的確で強いものにすることが可能となります。

  • 現状サイト調査・分析
  • 競合サイト調査・分析
  • ユーザー、市場調査 ・分析
  • 社内外リソース調査・分析 等
サイト流入キーワード
ユーザーと必要な機能
戦略・立案 具体的な施策 共有されるドキュメント例

Web構築に戦略的な視点を導入します。Webに求められる役割や目的を事業やサービス等の各戦略と高いレベル重ね合わせることで、より本質的な目的が明確化され、その目的に最適化されたWebは中長期にわたっての有効活用を見据えることが可能になります。

  • サイトコンセプト決定
  • 目標と評価軸設定
  • ブランドディング
  • マーケティング戦略
  • コミュニケーション戦略 等
ブランディング提案
コミュニケーション提案
サイトプランニング・用件定義 具体的な施策 共有されるドキュメント例

Web構築のための前準備として、目的達成のための具体的方向性や手法をコンテンツ、デザイン、システム等に落とし込みながら仕様決定してきます。 pro-webは多彩な選択肢の中から最良の方法論を取捨選択するオーガナイザーとしての役割も果たします。

  • サイトプランニング
  • 要件定義、各種仕様決定
  • サイト構造、マッピング設計
  • コンテンツ企画
  • レイアウト、デザイン設計
  • システム設計
  • 運用設計 等
デザイン設計
サイト構造設計
制作・構築 具体的な施策 共有されるドキュメント例

理念や理想を現実化することは非常に難しいことです。そのためには定型化されたプロセスでは収まらないクライアントごとの柔軟な個別対応が成功のためのポイントであり、そして豊富な経験とノウハウ、技術はそれらを実現するための重要なファクターになります。

  • リソース、予算管理
  • スケジュール、タスク管理
  • ファイル、ソース管理
  • コンテンツ制作
  • システム開発
  • 導入
  • デザイン制作、オーサリング
  • サイト統合、Web化
  • 検収、納品レポーティング 等
スケジュール管理
デザイン提案

実績例

ネットスーパー携帯サイトの資料請求数アップ施策

ネットスーパー携帯サイト資料請求ページのリニューアルを、SEO的な視点を盛り込んで提案・制作。各種検索データの洗い出し、整理や他サイトレポートなど、サイトのSEO的現状を客観的に評価し、ユーザーが資料請求するまでのストーリーを再定義。目標とするキーワードをあらためて導き出し、新しいコンテンツの切り口とサイト構成を企画提案、リニューアル制作をおこなった。

検索時の利便性、快適性をRIAで実現

情報量が非常に多い総合病院のWeb構築。専門的な疾病名や一部失念した医師名など、検索ボックス入力時に予測フレーズを表示できるよう、データベースとAjaxを連動させたシステム開発。他にも画面遷移等のユーザー操作負荷を極力少なくするサイト構成など、HTML5+CSS3とjQueryを積極的に活用、リッチなインターフェイスを導入することで、さまざまな使いやすさを実現。

スペシャルサイトでのリッチでダイナミックなコンテンツ制作

自動車メーカーのスペシャルサイト制作。HTML5+CSS3とjQueryをベースに、検索エンジンとの親和性の高いリッチでダイナミックなインターフェイスを制作。迫力あるパララックス的な動きやこだわりある細かな動きとレスポンスを実現。ブランドが持つ高級感の演出、ユーザーの心を動かすWeb体験を意識したコンテンツ。

オンライントレーディングサイトのインターフェイス開発

新規参入オンライン証券会社のネットトレードサイトのデザイン、インターフェイスを短納期で制作。サイトの性質上、ユーザーに各種操作してもらうことが前提のため、ユーザビリティやユニバーサルデザイン的な概念を重視した。証券取引法や各種用語、取引フローなど専門知識が要求される上、システムからの制約事項などもあり、難易度の高い案件。

ウェブアクセシビリティJISに準拠した証券会社Webリニューアル

地方証券会社WebサイトをJIS規格に準拠させた形でリニューアル。制作期間やコスト、その他さまざまな制約があるため、完全準拠は行われなかったが、ユニバーサルデザイン制作上の評価基準として規格を採用、各種評価ツールを使用し準拠精度を上げた。Webセイフカラーやユニバーサルフォントの使用など、デザイン表現の自由度を失わない範囲でバランスを取りながら導入。

リニューアル時に多彩なGoogleサービスを導入

企業サイトのリニューアル制作。ヒアリング時にGoogle Analyticsを導入を提案し、1か月間のログを収集、PVやキーワードなどから訪問者の傾向やニーズを予想し、リニューアル企画に活用した。そのほか、企業へのアクセス情報にGoogleマップ、イベントカレンダーにはGoogleカレンダーなどを利用、またウェブマスターツールを導入して日常のSEO対策を意識づけるなど、Googleが提供している多彩なサービスツールを活用している。

PCサイトと並行したスマートフォンサイトのリニューアル

大手スーパーグループのリクルーティングサイトをPC、スマートフォン同時にリニューアル。デザインパーツの共通化やhtmlの流用など、初期デザイン、インターフェイス設計を工夫することにより、限られた予算と期間の中、品質の高いスマートフォンサイトを構築。jQuery mobileを一部で利用するなど、スマートフォンサイト制作の効率化ノウハウを活用した案件。

医師の個人価値発信から始まる病院ブランディング

大学病院のWebサイト構築・更新業務を担当。HI(ホスピタルアイデンティティ)再構成からはじめ、デザイン、ユーザビリティ、コンテンツ等をユーザー目線で再構築。膨大な情報を統合、サイト管理フローを整理し、情報の流れと業務の円滑化を実現。医療機関向けに特化したデータベースやCMSの開発・導入、Youtubeと連動させた動画活用など新たな試みにも挑戦。

メーカー系マーケティングサイトの構築・運用支援

リニューアル、改修・更新、スペシャルサイト制作等、主にデザインと技術面から自動車メーカーのマーケティングサイトを制作・活用支援。CIやレギュレーションへの準拠を基本に、高品質な制作管理と顧客対応を柔軟でコンパクトなワークフローとスタッフィングで実現。HTML5+CSS3やjQuery、ストリーミング活用、スマートフォン・タブレット対応や他サイト連動等の先鋭的な技術やさまざまなイノベーションも積極的に導入。

雑誌連動型食品ECサイトの新規立ち上げ

新規ECサイトのインターフェイスを既存の概念にとらわれず開発。上部メニューに情報量が豊富なメガメニュー(ドロップダウン)、フッターに利用ガイドの詳細メニューを常時配置するなど、使いやすさを第一に考慮したデザイン。ロゴ制作も含めたCI的なアプローチとjQueryを使用したリッチな表現、加えて既存ECシステムとの整合性に配慮し整理されたコーディングを実現。

大手食品販売流通企業の採用サイト制作

リクルート機能の充実を目的にさまざまな工夫を施したWebリニューアル。上部のメインメニューで情報量が豊富なメガメニュー(ドロップダウン)を取り入れ、顔写真と合わせてメッセージページへのリンクを配置。“顔が見える”メッセージコンテンツへの導線強化を意識したユーザインターフェイスで、閲覧者の興味を促す。

大手金融グループ系IT企業のサイトリニューアル

PC、スマートフォンに対応したレスポンシブWebデザインを採用。PC表示ではフォントや各種メニューを大き目で余裕を持ったデザインを意識し、タブレットでもストレスなく閲覧が可能。タブレット表示を省力化したことで制作工数を抑えつつクオリティの高いWebを実現。会社案内と採用情報とを切り分けたサイト設計もポイント。

総合印刷会社のマルチデバイスサイト制作

老舗の総合印刷会社のWebサイトリニューアル制作。PC、タブレット、スマートフォンの3デバイスに対応したレスポンシブWebデザインを採用、特にタブレット対応サイトは営業ツールとして最大限に活用されている。また、清潔感溢れる社屋のイメージを踏襲し、コーポレイトカラーを基調としたシンプルなWebデザイン。

Webプロデュース