サービス案内 WEBデザイン・WEB制作

ホームページの新規・リニューアル制作、
スマートフォン対応に公開後の運営まで、
WEB制作に関することなら何でもご相談ください。

PICK UP WORKS
ホームページ制作例

お客様の目的に合った
最適なホームページをご提案

予算が限られている・こんなHP作れる?
イメージが固まっていない、など、
ホームページに関することでしたら
何でもお気軽にご相談ください。
ホームページを作る目的やご要望、
ご予算などを丁寧にヒアリングし、
お客様に合った最適なプランをご提案します。

WEB制作例 1

横浜医療福祉センター港南 WEBサイト
メインビジュアルにイラストアニメーション

メインビジュアルは、病院のある港南の街並みをオリジナルイラストとアニメーションで表現しています。
全体のトーンも、メインビジュアルに合わせてやわらかいイメージで作成。
20ページほどのサイトで、スマートフォン対応も行いました。

横浜医療福祉センター港南 WEBサイト

WEB制作例 2

「みんなで遊ぼ!森と劇場のサーカスフェスタ」パンフレット
オリジナルデザインでWordpress

フレンチのお店ですが、和のイメージも取り入れたいとのことでしたので、フレンチと和の融合をイメージして制作。メインビジュアルなどの写真は撮影も行いました。
お知らせは、お客さまの方で簡単に更新できる仕組みを導入しています(Wordpress)。
英語ページ作成に、スマートフォン対応も行いました。

フレンチ&自然ワイン「しみいる -Simi:l-」 WEBサイト

お問い合わせ

  

NEWS and BLOG

ホームページの制作には様々な工程が必要になり、
2ヶ月前後〜数ヶ月かかります。
どんなふうに進めていくのか、
制作の流れを簡単にご紹介します。

PLANNING
WEB制作の企画・立案・設計

プランニング

ヒアリングを重ね、最適な案を導きだします

ホームページを制作するにあたって、デザインに入る前にしっかりと企画・立案・設計を行う必要があります。
お客さまとのヒアリングから最適な案を導きだし、設計書(ページ構成・機能・デザインのイメージ・必要な素材など)を作成し、スケジュールを立てていきます。
この準備が整ってからデザイン段階に進みます。
設計が中途半端ですと後からやり直すことになったり、費用も余計にかかってしまったりしますので、プランニング期間は余裕を持っていただくことをおすすめします。
ホームページ制作は家を建てることに似ていますので、家作りに例えていくとイメージしやすいかもしれません。

DESIGN
各ページのデザイン作成

WEBデザイン

イメージをデザインに起こしていきます

まずは、サイトの顔となるトップページのデザインから始めます。
お客さまとのやりとりを重ね、イメージに合ったデザインを完成させていきます。
トップページが決定したら、その他のページとスマートフォン用のデザインやパーツを作成していきます。

CORDING
HTML・CSSなどのコーディング

コーディング

デザインをWEB上で見られるようにHTML言語化

ホームページはHTMLやCSSといった言語で作成することで、初めてWEB上で見ることができます。
コーディングは、デザインをそういった言語に置き換えていく工程となります。
写真をクリックしたら拡大などの「動き」もここで加えていきます。

TEST UPROAD
テストアップロード

テストアップ

ホームページをテスト公開

作成したHTMLファイル一式を、WEB上のサーバにテストアップし、実際にブラウザで確認していただきます。
不具合などをチェックし、問題なければ完成となります。
更新システムが不要の場合は、これでホームページ公開となります。

WORDPRESS
更新システムの作成

wordpress構築

ブログ感覚で更新できるシステム

お知らせやブログなどを、お客さまの方で簡単に更新したい場合、更新システムの作成が必要となります。
用途にあわせて、Wordpressまたは簡易更新システムを使用します。
完成したHTMLファイルに他の言語を加えたり、必要なファイルを新たに作成していきます。
テスト更新など、動作を確認していただき、問題なければ完成です。
ホームページ公開となります。

Release & update
サイト公開と公開後の更新

テストアップ

ご希望日にサイト公開

ご希望の公開日に、完成したホームページをお客さまのサーバにアップロードし、ホームページ公開となります。
ホームページは公開してからが本番です。更新を重ね、よりよいサイトに育てていくことが大切になります。
公開後の更新や運用が難しい場合は代行も行っていますので、ご相談ください。

簡単にホームページ制作の流れをご紹介しました。
その他には、写真や原稿等の素材のご用意も必要になります。
お客さまの方でご用意が難しい場合は写真撮影なども行っていますので、お気軽にご相談ください。

お問い合わせ

サービス紹介一覧

WEB・グラフィック・イラストなど、クリエイティブに関わる様々なサービスをご提供しています。

  • Youtube「LUCKY ANIMAL MUSIC」アニメーション
  • ラインクリエイターズスタンプ かわいいくま続々出没