対象がWEBアプリケーション（システム開発）であっても、WEBサイト構築（ホームページデザイン）であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。
岡山のホームページ作成。デザイナーズホームページ作成はCODE54。
魅力を正確に、美しく伝えることがWebサイトの役目であると考えます。
CMSの構築からレスポンシブウェブデザイン(RWD)など、スマホやタブレットまで幅広く対応可能です。
ホームページ・サイト構築の最新実績
日建ベクトル
https://www.nikken-vector.com/
コンセプト
シンプルに、すっきりとしたデザインで、きちんと情報設計し、見やすく、わかりやすいサイト。
ポイント
業務内容・実績が見やすく整然と並んでいるイメージで制作。利用しやすいように細部にわたって情報設計を。CMS構築・レスポンシブにも対応。常時SSL。
王慈福祉会
コンセプト
優しい色合いかつ、自然なカラフルさを意識して作成。親しみやすさ、必要な情報の探しやすさを意識して制作。
ポイント
事業数・施設数が多く、そのほかのコンテンツもできる限り盛り込みたいということで、情報を小分けにしながらもきっちりと整理して設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
ヤマムラ
コンセプト
明るく、元気なイメージと、ポップなテイストで作成。カラフルでもまとまりがあるよう意識して制作。
ポイント
TOPだけでもすべての事業内容・アピールポイントを見せ、そこからの遷移のしやすさに重点を置いて設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
タイガーマシン製作所
https://www.tiger-machine.com/
コンセプト
大きめのメインビジュアルでインパクトを持たせながらも、全体の雰囲気が重苦しくならないよう制作。
ポイント
基本的なコーポレートサイトとして情報設計を行い、見やすさ、遷移のしやすさを意識して設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
東和ハイシステム
https://www.towa-hi-sys.co.jp/
コンセプト
TOPにインパクトを持たせつつ、その他の情報をきちんと整理して、見やすくシンプルにデザインされたサイト。
ポイント
TOPはアニメーションでテキストを挿入し、動きがあるビジュアルに。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
淳風会 健康管理センター岡山
https://junpukai.or.jp/center/
コンセプト
高級感・特別感を持たせたいとのご要望を踏まえつつ、情報設計をきっちり行い、デザインされたサイト。
ポイント
高級感を出しつつもシンプルな構成・情報整理で、遷移のしやすさにもこだわって制作。CMS構築・レスポンシブにも対応。常時SSL。
藤田病院
http://www.fujita-hospital.jp/
コンセプト
すっきりと綺麗にまとめて、堅苦しくないけれど、信頼感が持てるようデザインされたサイト。
ポイント
コンテンツが多いので、いかに見やすく、遷移しやすくするかの情報設計に力を入れて制作。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
くにとみレディス&マタニティクリニック
http://www.kunitomi-clinic.jp/
コンセプト
ブラウン・ベージュ・グリーンをベースカラーに、ナチュラルでシンプルにデザインされたサイト。
ポイント
病院サイトということで、信頼感・親しみやすさ・優しさ・清潔感がしっかりと感じられるようにデザインし、構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
フスマート
コンセプト
個性的な「ふすま」を紹介するサイト。和モダンで明るくシンプルな雰囲気でデザインしたサイト。
ポイント
製品の画像を多く使い、シンプルかつダイナミックに配置し、制作。CMS構築・レスポンシブにも対応。
玉島中央病院
http://www.tamashima-ch.or.jp/
コンセプト
シンプル・ダイナミック・わかりやすくをテーマに、パネル型でデザインされたサイト。
ポイント
TOPはパネルデザインで、ブラウザいっぱいに広がるように構築。下層は固定サイズで見やすく制作。
ニチイ車輌
コンセプト
青をベースに、シンプルさの中に少しポップな印象を織り込み、見やすく親しみやすいデザインされたサイト。
ポイント
シンプルなデザインで、分かりやすい情報設計。社内の雰囲気がよくわかるよう、プロカメラマンが撮影した写真を随所に使用。レスポンシブデザインにも対応。
BerryBerryスタイリング
http://berryberry-styling.com/
コンセプト
berryということで、差し色に赤を使い、シンプルながらも明るく、おしゃれを意識してデザインされたサイト。
ポイント
ファッションを扱うサイトなので、わかりやすく情報整理し、おしゃれを意識しつつも、流行に左右されないシンプルさを基本として制作。CMS構築・レスポンシブにも対応。
玉野自動車教習所
http://www.tamano-drivingschool.jp/
コンセプト
カラフルでポップに、学生や若い人が親しみをもって、楽しく閲覧できるようデザイン。
ポイント
明るくポップなデザインながら、ごちゃごちゃせず、スッキリと見えるよう情報整理。CMSで構築し、レスポンシブデザインにも対応。
岡山赤十字病院
http://www.okayama-med.jrc.or.jp/
コンセプト
シンプル・爽やかをベースに日赤カラーの赤を使用。「見やすく整理されたサイト」というコンセプトで制作。
ポイント
130ページを超える大規模サイトのため、最初の情報整理、情報配置に注力。浅い階層で目的の情報にたどり着きやすいよう配慮。担当の方でもサイト更新ができるようCMSで構築。
アートセラミックス
https://www.artceramics.co.jp/
コンセプト
全体的にシンプルに、軽いテイストで作成。見出しなどで色を足し、アートらしさに配慮しながら制作。
ポイント
どのようなものを作っているのかをしっかり見せるため、実績写真を使用することをメインに構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
肥後薬局
コンセプト
柔らかいグリーンと、白を基調に、シンプルすぎず、親しみやすさを感じられるようデザイン。
ポイント
明るく、シンプルで清潔感のあるサイト。社内の雰囲気がよくわかるよう情報設計し、プロカメラマンの写真撮影も。CMSで構築し、レスポンシブデザインにも対応。
ゼノー・テック
コンセプト
オレンジと黒をベースに、シンプルに、パネルやバナーで少しカッチリしたイメージでデザインされたサイト。
ポイント
製造業で機械を扱う会社ということで、商品画像を多く掲載するため、メタリックな色合いが映えるよう構成・デザイン。CMS構築・レスポンシブにも対応。常時SSL
倉敷平成病院
コンセプト
清潔・信頼・優しさをコンセプトに、ブルーでスッキリとまとめてデザインされたサイト。
ポイント
診療科・部門・関連施設が多い大病院のため、見やすくたどり着きやすいよう情報をきちんと整理。CMSで構築。
トライ
コンセプト
パネルデザインでダイナミックにコンテンツを表示。製造業の正確さ、信頼感を表現してデザインされたサイト。
ポイント
コンテンツを目的別に分類し、シンプルな構成にすることで、必要な情報にすぐたどり着ける。CMSで構築。
岡山アークバレー
コンセプト
青を基調として、イベント予定がトップページで確認でき、ユーザーが参加してみたくなる雰囲気のサイト
ポイント
必要な情報の整理、イベントの予定→申し込み→活動報告というプロセスが一目で確認できLPOにも配慮したサイト構成。撮影からコンテンツ作成までをプロデュース。レスポンシブにも対応。
RoomS住宅制作所
コンセプト
グリーンとナチュラルをテーマに、写真が映えるよう、全体的な配色は薄めにデザインされたサイト。
ポイント
住宅の施工実績がメインとなるので、その部分が目立つように情報を整理。CMSで構築。
GEN設計
コンセプト
究極のモノクロスタイリッシュがコンセプト。施工実績などの写真を生かすために装飾を最小限にしたデザイン。
ポイント
施工実績がポイントのため、情報設計からシンプルな構成に。多くの施工実績を少ないクリックで閲覧できるよう大胆にトップに配置。CMSで構築。
フラメンコスタジオ アル・アイレ
コンセプト
シンプル・ダイナミックに、そしてほんの少しの色気を、というイメージでデザインされたサイト。
ポイント
TOPはダイナミックに、フラメンコの情熱や躍動感が伝わるよう、大きめの画像を多用。レッスン内容やスタジオ内の雰囲気がしっかり伝わるよう構成。CMS構築・レスポンシブにも対応。
ハートスタッフ
https://www.heart-stuff.co.jp/
コンセプト
求人検索サイト。見やすい・探しやすいことを意識し、シンプルにまとめたサイト。
ポイント
システム構築・デザイン・コーディングまで全て担当。スマホでも見やすいよう、レスポンシブで制作。常時SSL。
ニッカリ
コンセプト
白をベースに、新緑のようなグリーンをポイントカラーに使用し、コンテンツ整備で極めてシンプルにデザイン。
ポイント
余計な装飾はせず、シンプルなデザインにしたいという要望に応えるべく、パーツの配置、余白にもこだわって制作。CMSで構築。常時SSLにも対応。
吉井財務研究所
コンセプト
ネイビーを中心とし、グラデーションやシャドウで奥行きのあるデザインで、信頼感を前面に出したサイト。
ポイント
多彩な業務でコンテンツが多くなりつつも、必要な情報にすぐたどり着けるよう情報設計。CMSで構築。
ペットサロンfelice
コンセプト
ロゴカラーの紺をベースに、ペットショップがもつ、かわいく、温かみのあるイメージをもたせたデザイン。
ポイント
ペットショップらしさを表す犬の足跡を随所に加えたり、テクスチャを用いて、温かみをもたせたり、細部のデザインも徹底して制作。現地で更新ができるようCMSで構築。
岡山国際スケートリンク
コンセプト
濃いグレーと白で、モノトーンをベースに、あまり飾らずシンプルにしたいというご要望で制作。
ポイント
外枠をシンプルにし、写真が映えるように設計。プロカメラマンによる写真撮影を行い、画像はすべてその撮影画像を使用。また、予約等をすべてネット上で行えるようにCMSを構築。
川崎医科大学 腎臓・高血圧内科
http://www.kawasaki-jinzo.net/
コンセプト
川崎医科大学のマークのブルーを基調に、研究職としての信頼感、清潔感をコンセプトにデザインされたサイト。
ポイント
ターゲットごとに分けたコンテンツで、閲覧しやすい環境を構築。内容がどうしても固くなりがちなため、見る人が抵抗なく読み進めて行けるよう、ちょっとした柔らかさも随所に織り交ぜたデザインに。
岡山中央法律事務所
コンセプト
赤と緑をテーマカラーに、信頼感と相談しやすさが同居するようにデザインされたサイト。
ポイント
業務案内を一覧で表示させることで、一目で必要な情報が見え、スムーズな遷移を実現。CMSで構築。
茂山組
http://www.shigeyamagumi.co.jp/
コンセプト
太陽光事業ということから、空と太陽をベースにオリジナルマスコットロボも随所に配置して制作。
ポイント
背景に空・太陽を使い、ウインドウサイズが大きくなっても広がっていくようにし、空の雄大さを表現。
多彩な業務内容を目的別に整理することにより、初めて見たユーザーもわかりやすいように導線を設計。
グラフィックファクトリー
コンセプト
明るく・シンプルポップなサイト。
情報量が多いものの、すっきりと情報整理されたサイト。
ポイント
写真修正がメインなので、修正前と修正後がよくわかるように構成。レスポンシブデザイン対応。常時SSLにも対応。
医療法人社団 良友会
コンセプト
優しさ、清潔感、安心感をコンセプトに、ピンクを中心とした優しい色合いでデザイン。
ポイント
病院だけでなく、介護施設等幅広く運営されているので、情報整理に力を入れました。欲しい情報にすぐ移動できるよう制作。CMSで構築。
川崎医科大学 形成外科
http://www.kawasaki-keisei.net/
コンセプト
清潔感、信頼感、希望にあふれる雰囲気を出すため、明るさ・色彩に趣を置いたサイト。
ポイント
研修医募集の案内をメインにするため、入局案内などを図を用いてわかりやすく配置。トップページからバナーリンクで視覚的に1クリックで目的の情報に到達できるよう制作。
あかりカンパニー
http://www.akari-company.co.jp/
コンセプト
「明かり」「明るさ」をコンセプトに、まぶしくなりすぎないよう、配色にこだわってデザイン。
ポイント
写真の大半が窓や明るい部屋なので、ともすれば真っ白になってしまいますが、背景を濃くしてしまってはその明るさを台無しにしかねない。そのあたりのバランスの兼ね合いに気を付けて制作。CMSで構築しています。
特定医療法人 竜操整形
コンセプト
信頼感・清潔感・親しみやすさを中心とし、グリーンを基調とする優しい色合いでデザインされたサイト。
ポイント
診察時間や受付時間、休診など、患者さんが見たい情報が一目でわかるような情報設計。CMSで構築。
アーキテクチャー茂山組
http://www.shigeyamagumi-archi.com/
コンセプト
「大人のビジネスクラス住宅」をコンセプトに、ブラック・ゴールドを主体とし、高級感を意識したデザイン。
ポイント
既存のデザインではなく、雑誌やカタログのような風合いを意識し、情報を配置。
ウシジマエキスポ
コンセプト
様々なコンテンツを"エキスポ(博覧会)"的な見せ方で、楽しく、興味深く閲覧できるサイト。
ポイント
FM岡山ラジオ番組とのタイアップ企画。ボタンをCDディスクの形で配置し、Flashでは写真を動的なアルバムとして表現。訪れたユーザーが楽しめるような”遊び心”を前面に出しシンプルかつ広がり感が出るように設計。常時SSLにも対応。
アルマ経営研究所
コンセプト
多くの情報をコンパクトに整理して表示したい、というコンセプトで制作したサイト。
ポイント
明るいグリーンを基調とし、さわやかな信頼感をアピールしたサイト。所属コンサルタントや事例を整理し見やすく配置。セミナー告知と申し込みの導線も確保。CMS構築・レスポンシブにも対応。
相続の専門窓口
http://souzoku.yoshiizaimu.co.jp/
コンセプト
シンプルで、少し渋めの色合いでカッチリ・長く続いている企業としての信頼感や重厚感を意識してデザイン。
ポイント
メインのコンテンツをメインに、情報設計をしっかりして、シンプルな構成に。CMS構築・レスポンシブにも対応。
かすみ薬局
コンセプト
やわらかいベージュとグリーンを基調とし、親しみやすさを感じられるよう制作。
ポイント
ホームページから求人の拡大を、という目的から、薬局内・薬剤師の方々をプロカメラマンにより撮影を行い、仕事ぶりや雰囲気がサイトの閲覧者に伝わるよう効果的に掲載。採用エントリーの導線も確保。
ヴィラ ピオーネ
コンセプト
温かみと信頼感の中に、少しの高級感とラグジュアリーを織り交ぜた、優しいデザインのサイト。
ポイント
全体のテキストを大きめにし、読みやすさ、わかりやすさ、配置・情報整理を心掛けたサイト。プロのカメラマンによる写真撮影を行い、サイト上で使用。 更新しやすいようにCMSで構築。
イタリアンGOSSI
http://itarian-gossi.sakura.ne.jp/
コンセプト
お店の情報として最低限欲しい情報をトップページで全てシンプルに見せたいというご要望で制作。
ポイント
シンプルかつコンパクトなサイト。コンテンツが少ないながらもお店や料理の魅力が充分伝わるようにデザインを制作。サイトに掲載している画像の加工も担当。
豆や
コンセプト
自然に、健康的にをコンセプトに、料理がおいしそうに見えるようダイナミックに配置したサイト。
ポイント
シンプルな構成と、撮影画像を使うことで、店の雰囲気、料理等がすんなりとわかるように制作。CMSで構築。
碧水園
コンセプト
グリーンと和をテーマに、キレイで和モダンなテイストでまとめ、デザインされたサイト。
ポイント
1ページで完結した、シンプルな構成のサイト。外観・料理はプロカメラマンの撮影したものを使用。
モータリング バイ カタオカ
コンセプト
車屋っぽくないスタイリッシュなデザインというコンセプトのもとに制作されたサイト。
ポイント
タブレットやスマホでの閲覧を考慮したタッチパネル風のバナーボタンをパネル的にレイアウト。YOUTUBEのCMはJavaScriptのカスタマイズにより再生とミュートをコントロール。
エスト・イノベーション
コンセプト
シンプルなデザインで、タッチパネルのように直感的に情報にたどり着けるよう設計。
ポイント
建築・不動産の紹介が中心で、コンテンツ自体は少ないながらも、実績紹介にはカテゴリが多いため、いかに見やすく情報を整理するかにポイントを置いて設計。CMSで構築。
山陽設計
コンセプト
TOPページである程度業務内容が分かり、極力シンプルな構成でデザインされたサイト。
ポイント
シンプルなコーポレートサイトながら、しっかりコンテンツを見せられるように情報配置。CMSで構築。
倉敷スイートタウン
コンセプト
メインカラーのピンクを基調とした柔らかいデザインのサイト。「複合施設の魅力が伝わるように」というご要望で制作。
ポイント
複合施設のさまざまな情報を整理し見やすく配置。ブログもオリジナルで設置。写真素材はプロカメラマンと連携しての掲載でサイトを効果的に演出。
土の子保育園
http://www.tsuchinoko-net.com/
コンセプト
ポップでビビットなカラーを基調にデザイン。優しさと安心をコンセプトに制作したサイト。
ポイント
保育園の情報を整理し、登園している保護者や新規の入園希望者への情報がわかりやすいように設計。Facebookページとも連動し保育園の状況が把握しやすいように制作。
テクニカルソフト(家計簿マム)
コンセプト
情報の整理から企画。幅広い年代をターゲットとし、スマートフォンでも閲覧しやすいように設計。
ポイント
コンテンツが多いため、必要な情報にいかに早くたどり着くかを考え設計。ソフトのパッケージ・起動音・アイコンや配色等、音源からデザインまでをトータルプロデュース。
小林裕彦法律事務所
http://www.kobayashi-law-office.jp/
コンセプト
シンプル・シック・高級感、というコンセプトでデザインされたサイト。かっちりとしたデザインながら、固くなりすぎないように制作。
ポイント
TOPである程度情報が分かるように情報整理・配置。お客さま側でブログを更新したいということで、新着情報に、ブログの新着も掲載。
ランデス
コンセプト
ベーシックなコーポレートサイト。シンプルに使いやすくをモットーに、情報が整理されたサイト。
ポイント
会員システム・メルマガシステム等も組み込み、クライアント・ユーザー双方が迷わずに使えるように構築。常時SSLにも対応。
FP住宅相談センター
コンセプト
固くならず、イラストで親しみやすさを出し、かつ信頼感を損なわないように配慮したデザイン。
ポイント
ローン、お金という、難しい話になりがちなコンテンツを、すっきり簡潔に整理し、まとめ上げて制作。CMSで構築。
デンソー勝山
コンセプト
技術力・製品の質の高さが十分に伝わるよう設計・配置し、清潔感と信頼感が感じられるよう設計。
ポイント
白をベースに、動的コンテンツもTOPページのみというシンプルなコーポレートサイト。無駄のない情報配置ですっきりとした雰囲気でデザイン。
ベクトル大学
コンセプト
構成・見た目ともに、余計なものはほぼなく、シンプルにすっきりと、わかりやすくデザインされたサイト。
ポイント
イベント・セミナー情報が主なので、わかりやすい・遷移しやすい情報設計に。レスポンシブデザイン対応。CMSで構築。
検索エンジンから訪れるユーザーの方のために、検索順位アップの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です。つまり市場のニーズ調査、同業他社の調査などから始まり、ユーザーターゲットのシナリオを考え、それに適したコンテンツやデザイン、見せ方をホームページに組み込んでいきます。それは情報の整理によるセールスポイントの明確化や、事業形態の戦略までをお客さまと協力しながら明確化していきます。
機能的にすぐれ、美しい印象を与えるプロダクト
魅力を正確に、美しく伝えます。
CODE54はデザインをイメージするうえで、「情報は、伝わらない。」という発想からスタートします。では、どうやったら伝わるのか？どうすれば見てもらえるのか？コンバージョンさせるためにどうするべきか？という視点からデザインをおこなうことで、「魅力を正確に、美しく伝える」というゴールを目指します。
ユーザビリティという概念
美しいデザインに固執するだけでは、エンドユーザーにとって使いやすいサイトにはなりえません。情報分類をおこない、ボタン配置や画面遷移を考慮することで、ユーザーにとってすぐれたサイトを提供することができます。CODE54は、「ユーザビリティ」という概念がデザインに不可欠であると考えます。
ライターから撮影まで
当サイトに記載されているテキストすべてが、CODE54オリジナル。強烈な印象を与えるキャッチコピーや、統制されたテキストの見せ方で、サイトの印象をガラリと変えることができます。写真撮影も可能ですので、すべてにおいてCODE54プロデュースを心がけています。
お客さまの抱えている問題点、実現したい内容を中心にヒアリングします。制作後のズレをなくすためにお客様と弊社での認識合わせを綿密にさせて頂いております。
ヒアリングさせて頂いた内容をもとに、マーケティング調査、企画、ブランディング、サイトマップ制作を行い、お見積りと一緒に提出させて頂きます。
実際のデザインを行います。色はどうするか、配置はどうするのか、ユーザビリティを常に考えながら最善のデザインを企画し制作していきます。
完成したデザイン案をもとに、要望事項などを頂き、修正します。ここで確定した外観デザインが内部構造や下層ページに影響しますので大事なフローとなります。
大枠の部分から仮コーディングを行い全体の内部の骨格づくりやコンテンツ配置なども行います。
途中経過をお知らせし、お客様との認識を確認します。修正依頼がある場合はその対応を行います。
内部コーディングや各ページのテキスト挿入、調整、配置などの実作業を進行していきます。
本番のサーバーにアップします。動作チェックを入念に行い、漏れなどがあれば修正を行います。
株式会社CODE54
〒700-0973
岡山県岡山市北区下中野350-101
ファイブ・ジャンクション 202
TEL 086-239-5454
MAIL info@code54.net