WEB DESIGNホームページ制作

ホームページ制作

すべてのユーザーにとって、
わかりやすいWebサイト。

魅力を正確に、美しく伝えることがWebサイトの役目であると考えます。

CMSの構築からスマートフォン対応、常時SSL対応、
SEO対策やウェブアクセシビリティの実装まで対応可能です。

情報を整え、魅力を美しく、正しく伝えるということ。

機能的にすぐれ、美しい印象を与えるプロダクト

対象がWebアプリケーション(システム開発)であっても、Webサイト構築(ホームページデザイン)であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。

ユーザビリティとアクセシビリティ

美しいデザインに固執するだけでは、エンドユーザーにとって使いやすいサイトにはなりえません。
情報分類をおこない、ボタン配置や画面遷移を調整し、ユーザーにとって視覚的に伝わりやすいサイトを提供します。CODE54は、「ユーザビリティ」と「アクセシビリティ」という概念がデザインに不可欠であると考えます。

ゴールを明確にし、魅力を正確に、美しく伝えます。

CODE54はデザインをイメージするうえで、「情報は、伝わらない。」という発想からスタートします。
では、どうやったら伝わるのか?どうすれば見てもらえるのか?コンバージョンさせるためにどうするべきか?という視点からデザインをおこなうことで、「魅力を正確に、美しく伝える」というゴールを目指します。

ライターから撮影まで

当サイトに記載されているテキストすべてが、CODE54オリジナルです。第一印象に重要なキャッチコピーや、整理されたテキストの見せ方で、サイトの印象をガラリと変えることができます。写真や動画撮影も可能ですので、すべてにおいてCODE54プロデュースを心がけています。

制作から完了までのフロー

ヒアリング

ヒアリング

お客さまの抱えている問題点、実現したい内容を中心にヒアリングします。制作後のズレをなくすためにお客様と弊社での認識合わせを綿密にさせていただいております。

分析・情報整理・サイトマップ制作

分析・情報整理
サイトマップ制作

ヒアリングさせていただいた内容をもとに、マーケティング調査、企画、ブランディング、サイトマップ制作を行い、お見積りと一緒に提出させていただきます。

デザイン制作

デザイン制作

実際のデザインを行います。色はどうするか、配置はどうするのか、ユーザビリティを常に考えながら最善のデザインを企画し制作していきます。

デザイン確定

デザイン確定

完成したデザイン案をもとに、要望事項などを頂き、修正します。ここで確定した外観デザインが内部構造や下層ページに影響しますので大事なフローとなります。

仮HTMLコーディング

仮HTMLコーディング

大枠の部分から仮コーディングを行い全体の内部の骨格づくりやコンテンツ配置なども行います。

HTML経過確認

HTML経過確認

途中経過をお知らせし、お客様との認識を確認します。修正依頼がある場合はその対応を行います。

HTMLコーディング

HTMLコーディング

内部コーディングや各ページのテキスト挿入、調整、配置などの実作業を進行していきます。

完成・本番アップ

完成・本番アップ

本番のサーバーにアップします。動作チェックを入念に行い、漏れなどがあれば修正を行います。

SEO、SEM、MEO、アクセシビリティについて

SEO、SEM、MEOといった3文字略語はITサービスでよく聞かれる言葉だと思います。
いかにもすごい技術という響きがしますが、技術内容を理解した上で基本事項を抑えていけば、さほど難しいものではありません(※ただし、経験とノウハウは必要)。

一番重要なことは、Googleが提唱しているように「ユーザーのために、価値のある情報を提供すること」です。ここを間違えてしまうと失敗してしまいます。
安易な手法による悪質業者がたくさんいますので、電話営業などにはくれぐれもご注意ください。

様々な手法が乱立する中で、弊社では正攻法による手法により、実績ともにお客さまから評価を頂いております。

※SEOだけの単独サービスは行っておりません。CODE54がサイト制作させていただいたお客様が対象となります。
※SEMはサイト制作の基本プランに含まれていますので別途費用はかかりません。

SEOについて

SEOとはサーチエンジン最適化(Search Engine Optimization)の略称です。

ヤフーの検索エンジンの更新状況や、検索ロボットの巡回状況を調査し、どのようなキーワード配置が適しているかの予測を立て、ホームページの内部コードや外部テキストに埋め込んでいくという地道で経験と根気が必要な作業がSEO対策です。

色々な手法がありますが、CODE54では自サイトによる正攻法かつ安全な方法により提供しています。ランクの安定まではSEOの特性上、新規サイトの場合1ヶ月~3ヶ月前後のスパンがかかりますので、急を要される場合はウェブ広告をお勧めします。

SEMについて

SEMとはサーチエンジンマーケティング(Search Engine Marketing)の略称です。

SEOはただ単に検索順位を上げて来客ユーザーを増やすものですが、お店と同じで気に入ったものがなければ他のお店に行ってしまいます。SEOで来たユーザーを逃さないための見せ方、戦略がいわゆるSEMです。

つまり市場のニーズ調査、同業他社の調査などから始まり、ユーザーターゲットのシナリオを考え、それに適したコンテンツやデザイン、見せ方をホームページに組み込んでいきます。それは情報の整理によるセールスポイントの明確化や、事業形態の戦略までをお客さまと協力しながら明確化していきます。

MEOについて

MEOとはマップサーチエンジン最適化(Map Engine Optimization)の略称です。

Googleアカウントを作成してGoogleマイビジネスへ登録します。各項を登録することによって、Google Mapで検索された場合にもより多くの情報を表示することができます。

特にBtoCの来店型ビジネスをされている方は、スマートフォンの現在地から検索されるケースが多いと思いますので必須の施策だといえます。

登録自体は無料でできますので、ホームページを持たれていない方も、まずはGoogleマイビジネスへの登録からされたほうが良いでしょう。

アクセシビリティについて

アクセシビリティ(Accessibility)とは「近づきやすさ」、「利用のしやすさ」、「便利であること」と訳される単語です。

アクセシビリティはユーザビリティよりも幅広い利用、多様な利用者を前提としており、ウェブアクセシビリティはサイトの情報や機能の利用しやすさを表しています。

パソコンだけではなくタブレットやスマートフォンなど、マルチデバイスの時代となった昨今では必要不可欠なものとなってきました。

しかしながら、全ての基準を網羅するには期間や費用が伴うため、現実的にどの程度まで必要かを判断し実装することが望ましいと考えます。

DEVELOPシステム開発

システム開発

触れることが気持ちいい、
アプリケーション。

触れることが気持ちいいのは
「ユーザーが画面を見て直感的に使えるためのアプリケーション」。

ボタン配置やビジュアライズ、画面遷移から内部機能まで、
あらゆる方法をイメージしてシステムを開発します。

開発の特徴

Java・PHPによる、
クラウド型Webシステム開発。

CODE54ではJava・PHPを用いたクラウド型Webシステム開発を中心にアジャイル型によるシステム開発を行っています。
Oracle,MySQLといったデータベースとの連携、ホームページと連動したCGI、jQueryの開発、カスタマイズ、システム導入、設置も行っております。

モバイル端末用Webアプリ。
各種端末のブラウザで動作します。

ユーザー数が増加中のスマートフォン、タブレット端末。CODE54ではスマートフォン・タブレット用Webアプリ開発を行っています。
各種端末のブラウザで動作するよう実装します。代表的なテスト用端末も社内に保有しチェック体制の強化と開発環境の合理化を図っています。

サーバー設置から保守に至るまで
トータルプロデュース。

Webシステムはソフトだけではなく様々な周辺環境が必要です。
ドメインの取得やサーバーの選定、セキュリティの設定やネットワークの構築などノウハウを結集して提供します。納品後はシステム保守、管理までを行い末長く安心してご利用頂く為のサービスをトータルでプロデュースします。

各種CMSの選定、カスタマイズ。
設置~構築までを実現します。

古くはZOOPS、MT(Movable Type)といったCMSですが、現在世界中でシェアの多い、WordPressを主軸にお客様のニーズに合わせて、CMSのカスタマイズ、設置~構築までを実現することができます。自社で複数のページを更新したい場合におすすめです。

MOVIE動画制作

動画制作

動くことでしか
伝わらないものがある。

CODE54は、Webに限らず幅広いフィールドでの活動を行なっています。

オフィス内で常に音楽を流すことを心掛けているように、
動画制作や楽曲制作を通じた付加価値を提供します。

ETC各種デザイン

各種デザイン

デザインのテリトリーは
Webだけではありません。

CODE54は、Webに限らず幅広いフィールドでの活動を行なっています。

名刺、パンフレット・看板・チラシ・リーフレット、ロゴマークなど
Webを起点としたブランディングを他のメディアにも拡張可能です。

SUPPORT保守サポート

保守サポート

納品・公開後も安心の
保守サポートプラン

電話やメールによるサポート対応、トラブル時の質問相談、調査、復旧作業やバージョンアップのご相談など。

専用のメールアドレスも用意し、迅速で信頼されるサービスを心がけています。

サイトCMS保守サポート

Webサイトの稼働後にも安心してご利用いただけるよう、CODE54ではサイトCMS保守サポートを行っております。
ご加入いただくと、WebサイトやCMS等の保守として、さまざまなサポートが受けられ、日ごろのメンテナンスや不具合・トラブル発生時にも安心です。

保守内容

  • ホームページ、CMSの使い方に関するお問い合わせ回答
  • ホームページ、CMSの軽微な修正
  • ホームページ、CMSに関する不具合時の調査、復旧対応
  • ホームページ、CMSのウィルス、スパム被害時の除去、対応
  • CMSのバージョンアップ

保守事例

  • ホームページ、CMSの使い方に関するお問い合わせ回答
  • 気軽に依頼できるため、サイト更新がスムーズになった
  • 自社で更新したらレイアウトが崩れてしまったが、復旧してもらえた
  • CMSやプラグインのバージョンアップに関する重要な情報を教えて(対応して)もらえた
  • SNSやブログ、SEO対策などについてちょっとした事も相談できるようになった
  • 保守サポートがあることで、安心してサイトをいじることができるようになった

SNS保守サポート

Webサイトへの誘導となるSNS運用が効果的にできるように、CODE54ではSNS保守サポートを行っております。
Instagram、X、Facebook、LINEなどの運用相談、月次のレポート等、SNSに関するサポートを受けることができ、SNSを運用される場合にも安心です。

保守内容

  • SNSの使い方や設定に関するお問い合わせ回答
  • 投稿用画像、動画の制作サポート
  • 投稿コンテンツ案に関する相談
  • 月次SNS分析レポート(※レギュラープラン以上)

保守事例

  • SNSでどういう投稿をすれば効果的なのかを教えてもらえた
  • 動画や画像に文字をつける方法がわかった
  • イマイチ使い方がわかっていなかったので、基本的な使い方を教えてもらえた
  • レポート付きプランでは、投稿内容を分析してもらい、次の月の投稿に役立てることができた
  • SNSからホームページへの誘導でサイトのアクセス数を上げることができた

システム保守サポート

現状の実績としては、納品させていただいたお客さまのほとんどにご加入頂いております。
費用につきましては、規模や内容によって異なりますので担当者までご相談ください。

※システムの安定稼働を目的としたサービスになりますので、著しい追加機能のご要望は別途お見積もりとなります。
(軽微なご要望は対応させていただいています)

システム保守事例・A

システムのサーバー自体をお客さまの社内で運用しています。
インターネットを利用したリモート操作により、
現地でのトラブルや質問に迅速に対応しています。
社内のネットワーク変更時のアドバイスや、OSなどのバージョンアップ時のご相談にも対応させていただいています。

システム保守事例・B

サーバーは社内に置けないため、弊社のホスティングサーバーをご利用頂いています。 デスクトップPCやノートPCなど多岐に渡り、 無線LANルータなどのネットワークとも絡めた部分でサポートしています。既存のパソコン環境の整理や、効率化改善のご提案もさせていただいています。

CONTACTお問い合わせ

お問い合わせバナー:お電話でのお問い合わせ 086-239-5454
お問い合わせバナー:お問い合わせフォームはこちら