すべてのユーザーにとって、美しいWEBサイトを。

魅力を正確に、美しく伝えることがWEBサイトの役目であると考えます。
SEO・SEMも意識したトータルプロデュースで、ユーザーのための、すぐれたサイト構築を目指します。

ホームページ・サイト構築の実績(最新の制作実績)

クイックキューデータ

http://www.quickqu.jp/

クイックキューデータ

コンセプト

シンプルかつ見やすい設計にしつつも、少しポップなデザインで親しみやすく閲覧できるサイト。

ポイント

データを収集・公開することを目的とするサイトのため、今後、情報量がどんどん増えていっても大丈夫なように、情報整理や閲覧がしやすいように設計。

アコースティック・ラボ

http://www.acoustic-labo.jp/

アコースティック・ラボ

コンセプト

木のぬくもりや季節感を、落ち着いたデザインで表現し、雑誌を読むように楽しめるサイト。

ポイント

トップページはJavaScriptを用いて、写真をめくるように画像を見せ、コンテンツは控えめながら見やすく配置し、オシャレに閲覧できるよう設計。

専門学校ビーマックス

http://www.be-max.ac.jp/

専門学校ビーマックス

コンセプト

多くの学科を、カラフルな配色と見やすい配置で、目的の情報に素早くたどりつけるサイト

ポイント

学科や学部、お知らせなど、膨大な情報をいかにわかりやすく配置するかに重点を置き、ポップな色合いでユーザーが楽しく閲覧できるように設計。携帯版も閲覧可能。

山田養蜂場みつばち研究助成基金

http://www.beelab-grant.com/

山田養蜂場みつばち研究助成基金

コンセプト

緑とオレンジを基調とし、自然と信頼感を感じさせるデザイン、毎年実施される応募情報が閲覧しやすいサイト

ポイント

トップページには、閲覧者に伝えたい情報をスクロールで流れるフラッシュを配置。ドメインの取得から個人情報を扱う上で重要なSSLサーバの選定、構築、WEB応募システムまでを一貫してプロデュース。

車検のコバック岡山北店

http://www.e-kobac.com/

車検のコバック岡山北店

コンセプト

コバックカラーの赤を基調とし、広告アピール性を保ちつつ、ユーザーが早く目的に辿りつけるサイト

ポイント

トップページには、チラシのデータやWEB限定のクーポンを配置。かんたんお見積りではフラッシュを利用し、グラフィカルに車検費用がわかる仕組みを提供。1サイトで2店舗の情報をアピールできるように設計。

株式会社スケッチ

http://www.sketch-arc.com/

株式会社スケッチ

コンセプト

大胆なデザインレイアウトによりコンテンツを大きく見せ、一目で必要な情報を手にできるサイト

ポイント

トップページでのメインボタン自体をバナー風に配置し、色を分けることにより視覚的にも情報を分類。ウィンドウを最大限に活用したインパクトのあるコンテンツ設計。

さくら祭典

http://www.sakura-saiten.co.jp/

さくら祭典

コンセプト

さくらカラーを基調とした明るく親しみの持てるデザインと、ホールの場所がすぐに確認できるサイト

ポイント

トップページには、県内のホールがスライドで流れるフラッシュと、CMで使用されているムービーの再生フラッシュを配置。インターネットを利用して探されている方にも、簡単に特徴が伝わるように部品設計。

ウシジマエキスポ

http://www.dj-ushijima.com/

ウシジマエキスポ

コンセプト

様々なコンテンツを"エキスポ(博覧会)"的な見せ方で、楽しく、興味深く閲覧できるサイト

ポイント

FM岡山ラジオ番組とのタイアップ企画。ボタンをCDディスクの形で配置し、Flashでは写真を動的なアルバムとして表現。訪れたユーザーが楽しめるような”遊び心”を前面に出しシンプルかつ広がり感が出るように設計。

CAD STAGE CANUCK

http://www.canuck.jp/

CAD STAGE CANUCK

コンセプト

青と黄色を基調にし、工事、図面をイメージさせるデザイン、1ページで見せる広告型サイト

ポイント

見出しを大きく配置することにより伝えたいコンテンツ内容を分かりやすく表現。また、ページをスクロールするだけですべての情報を見ることが可能な広告型サイトとして設計。新規起業の方向きのサイト。

岡山アークバレー

http://www.ark-v.jp/

岡山アークバレー

コンセプト

青を基調として、イベント予定がトップページで確認でき、ユーザーが参加してみたくなる雰囲気のサイト

ポイント

必要な情報の整理、イベントの予定→申し込み→活動報告というプロセスが一目で確認できLPOにも配慮したサイト構成。ドメインの移転からCGIプログラムの設置、撮影からコンテンツ作成までをプロデュース。

ソレッラ - ソレッラ

http://www.sorella-sorella.jp/

ソレッラ - ソレッラ

コンセプト

必要最低限のコンテンツを、エレガントをテーマにすっきりと配置したサイト

ポイント

高級な洋服を扱うセレクトショップなので、お店の雰囲気そのままに、カタログを見ているかのようにデザイン。

カオスクラウド

http://www.chaos-crowd.com/

カオスクラウド

コンセプト

店舗改装に伴う店舗デザインと調和できる、上質でハイクオリティなリゾートホテルのようなサイト

ポイント

トップページでは、オリジナルのFLASHによりモデルの切り替えが可能。お客さまサイドでも随時、新着情報が更新できるように、新着情報システムも組込み設置。WEBクーポンによる新規顧客戦略にも配慮。

SEO SEM

検索エンジンから訪れるユーザーの方のために、検索順位アップのSEO対策を承っております。
様々な手法が乱立する中で、実績ともにお客さまから好評価を頂いているCODE54のSEO・SEM。

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

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

SEO対策

ヤフーの検索エンジンの更新状況や、検索ロボットの巡回状況を調査し、どのようなキーワード配置が適しているかの予測を立て、ホームページの内部コードや外部テキストに埋め込んでいくという地道で経験と根気が必要な作業がSEO対策です。色々な手法がありますが、CODE54では自サイトによる正攻法かつ安全な方法により提供しています。ランクの安定まではSEOの特性上、新規サイトの場合1ヶ月~3ヶ月前後のスパンがかかりますので、急を要される場合はOverture広告への登録をお勧めします。

SEM

SEOはただ単に検索順位を上げて来客ユーザーを増やすものですが、お店と同じで気に入ったものがなければ他のお店に行ってしまいます。SEOで来たユーザーを逃さないための見せ方、戦略がいわゆるSEMです。つまり市場のニーズ調査、同業他社の調査などから始まり、ユーザーターゲットのシナリオを考え、それに適したコンテンツやデザイン、見せ方をホームページに組み込んでいきます。それは情報の整理によるセールスポイントの明確化や、事業形態の戦略までをお客さまと協力しながら明確化していきます。

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

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

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

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

魅力を正確に、美しく伝えます。

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

魅力を正確に、美しく伝えます。

ユーザビリティという概念

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

ユーザビリティという概念

ライターから撮影まで

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

ライターから撮影まで

オリジナルツール

オリジナルツール

ホームページをより価値のあるものにするための、便利ツールも提供しています。
CODE54による信頼あるサポートを付加価値としてご好評を頂いています。

アクセスログを取得するアクセス解析システム「ログロク」や
新着情報をお客さま自身で自由にメンテナンスできる「新着情報システム」のご紹介を致します。

※ ログロクだけの単独サービスは行っておりません。CODE54がサイト制作させて頂いたお客様が対象となります。 
※ 新着情報システムは項目をカスタマイズすることも可能です。(別途お見積り)

アクセス解析システム「ログロク」

CODE54オリジナルのアクセス解析システムです。 無料のアクセス解析も多数存在していますが、ログロクでは、よく使う部分だけをわかりやすくまとめた構造になっています。 どの検索エンジンからどういうキーワードを打ってページ遷移をしたのか、日別や時間帯別集計などの機能も実装しています。CODE54独自のサービスですから、操作や分析方法などのお問い合わせにも柔軟に回答できる点と SEO的なアドバイスも含めたサイトの更新提案ができる点が好評を頂いております。量よりも質を重視するサービスになっていますので、CODE54でサイト制作をされたお客さま限定のプランとなります。設置費無料月額\3,000(税抜)でご利用頂けます。

ログロク

新着情報システム

CODE54オリジナルの新着情報システムです。ホームページのトップページでよく目にする新着情報を自由に更新できるシステムです。お客さま自身で、ログイン画面からログインし、ブログや掲示板のようにタイトルと本文、画像が登録できます。登録後はトップページのデザインを保ったままHTMLファイルが自動で作成されます。定期的に自分自身で更新されたいお客さまにおすすめのシステムです。定期的に更新されるとSEO的にもよい効果があり、SEOポイントのアップやユーザーのリピートにもつながります。本体価格は\100,000(税抜)となります。(改造が必要な場合は別途カスタマイズ費用が必要となります)

新着情報システム

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

制作フロー

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

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

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

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

制作フロー

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

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

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

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

制作フロー

CODE54 Members

54Blog