対象がWEBアプリケーション（システム開発）であっても、WEBサイト構築（ホームページデザイン）であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。
岡山のホームページ作成。デザイナーズホームページ作成はCODE54。
魅力を正確に、美しく伝えることがWebサイトの役目であると考えます。
CMSの選定・構築からレスポンシブウェブデザイン(RWD)など、スマホやタブレットまで幅広く対応可能です。
ホームページ・サイト構築の最新実績
上坊組
コンセプト
全体的にスタイリッシュ・ダイナミック感を演出。清潔感や信頼感を持たせたサイト。
ポイント
仕事への姿勢や想いが伝わるデザイン。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
淳風会 医師採用サイト
https://junpukai.or.jp/recruit-dr/
コンセプト
ライトブルーを基調としたすっきりとした色合いで、落ち着きながらも親しみやすく、信頼感の持てるデザイン。
ポイント
フルブラウザでダイナミックに見せながら、シンプルな導線で分かりやすい構成に。CMS構築・レスポンシブ、常時SSL対応。
セットアップ
コンセプト
明るさ、信頼感、親しみやすさを意識し、社内の雰囲気が伝わるよう意識したデザイン。
ポイント
シンプルながら、アニメーションなどで動きをつけたサイト。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
学習受験社ガゼット 沖縄エリア
コンセプト
落ち着いたグリーンを基調とし、アカデミックで洗礼された印象のデザイン。
ポイント
「しっかり学習できそう」「受験に強そう」といった印象が強化されるよう構成。CMS構築・レスポンシブ、常時SSL対応。
医療法人健朋会 佐々木医院
https://www.kenhoukai-sasaki-clinic.com/
コンセプト
ベージュとブラウンを基調とした、ナチュラルで柔らかく、安心感、誠実さが伝わるよう意識したデザイン。
ポイント
すっきりとした構成と、ぬくもりや優しさを感じさせるデザインで、信頼感が持てるよう制作。CMS構築・レスポンシブ、常時SSL対応。
大和鉄工所
コンセプト
水と自然をイメージしたブルーグリーンを基調に、清潔感や信頼感を持たせたサイト。
ポイント
採用強化のため、活き活きとした表情のスタッフ写真を多数掲載し、仕事の魅力 や楽しさ、かっこよさが伝わるデザインに。 プロカメラマンの写真撮影・CMS構築・レスポンシブ・常時SSL。
大和鉄工所 コーヒー焙煎機サイト
コンセプト
黒やこげ茶をベースに、深い緑を差し色に使い、珈琲豆や焙煎を意識した、少し深みのある、かつお洒落なイメージで制作。
ポイント
どっしりと重厚感のある雰囲気で、画像を大きく配置しインパクトをつけたデザイン。プロカメラマンの写真撮影・CMS構築・レスポンシブ・常時SSL。
エア・ウォーターNV
コンセプト
ネイビーでかっちりまとめ、画像をダイナミックに配置。信頼感や力強さを持たせたデザイン。
ポイント
撮影画像をしっかりと使用することで、社内の雰囲気がしっかりと伝わるように構成。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
ビリテック
コンセプト
ネイビー・薄いグレーを基調に、イラスト・アイコンを中心に、研究・専門性を意識したデザイン。
ポイント
シンプルな導線で、親しみやすいイメージで制作。CMS構築・レスポンシブ、常時SSL対応。
リリーグループ
コンセプト
ライブハウスやスタジオを髣髴とさせるような背景でダイナミックかつ、大人の落ち着きも持たせたデザイン。
ポイント
メインビジュアルの表示に動きを付け、簡潔ながらも楽しさを表現。CMS構築・レスポンシブ、常時SSL対応。
KYOSO インフラ構築サービス
コンセプト
ネイビーを基調に、シンプル・ダイナミックで、信頼感を意識したデザイン。
ポイント
簡潔な設計とシンプルなデザインで、導線が分かりやすいよう制作。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
KYOSO 受託開発サービス
コンセプト
グループ内でテイストを合わせ、ネイビーを基調に、シンプル・ダイナミックで、信頼感を意識したデザイン。
ポイント
簡潔な設計とシンプルなデザインで、導線が分かりやすいよう制作。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
笠岡第一病院
https://www.kasaoka-d-hp.or.jp/
コンセプト
ピンクとブルーを基調とし、優しい色合いで落ち着いた、安心感と信頼感の持てるデザイン。
ポイント
現地で撮影された写真をしっかりと活かし、柔らかさと優しいイメージで制作。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
イズユース
コンセプト
オレンジのポップ感とスタイリッシュさを融合。LPサイトのように必要な情報を集約したサイト。
ポイント
パンフレットのような分かりやすさ、読みやすさを意識し、信頼感とスタイリッシュさを持たせたデザイン。CMS構築・レスポンシブ、常時SSL対応。
アジア工業
コンセプト
ネイビーを基調とし、重厚感を持たせながらもすっきりと落ち着いた、信頼感の持てるデザイン。
ポイント
事業内容やコンセプトが伝わりやすいよう情報を整理。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
エスパスセンター
https://kuse-espace.jp/center/
コンセプト
パープルを基調とし、シャープな背景と動きのある画面で、シンプルながら奥行きのあるデザイン。
ポイント
貸し出しやイベントなど多彩な使用感を前面に出して情報設計。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
ふじわら内科クリニック 小児科
https://www.fujiwara-naika-clinic.com/kids/
コンセプト
カラフルで色使いで、ポップなイメージがありながら、うるさすぎず親しみやすいイメージで制作。
ポイント
丸みのあるフォントと、イラストをバランスよく配置し、柔らかく優しいイメージで制作。CMS構築・レスポンシブ、常時SSL対応。
きたながせ内科クリニック
https://www.kitanagase-naika-clinic.com/
コンセプト
ベージュ・ゴールドを基調とした、すっきりとしたデザイン。メインビジュアルは写真をイラスト化し、柔らかな雰囲気を意識。
ポイント
あまり飾らず、シンプルににまとめつつしっかりと魅力をアピール出来るよう設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
旧遷喬尋常小学校
https://kuse-espace.jp/school/
コンセプト
白とネイビーを基調に、ダイナミックな配置と動きのある画面で見やすくデザイン。
ポイント
国指定重要文化財の重厚さ、歴史などが伝わるよう設計。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
真庭エスパス文化振興財団
コンセプト
白とゴールドを木貴し、あまり飾らずシンプルで落ち着きのあるデザイン。
ポイント
すっきりした情報設計で、見やすい、伝わりやすいデザイン。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
旭メンテナンス株式会社
https://www.asahi-maintenance.jp/
コンセプト
ブルーを基調に、ダイナミックさと"支える"強さ、信頼感をイメージしてデザイン。
ポイント
太めのフォントでたくましさを表現しながら、重くなりすぎず、抜けをバランスよく取り入れて、すっきりとしたイメージで制作。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
タツケン リフォームサイト
https://www.tatsuken-reform.jp/
コンセプト
ベージュ、イエローを基調に、リフォームで生まれ変わったきれいな空気感をイメージしてデザイン。
ポイント
ブロック分けで、必要な情報にすぐたどり着けるよう設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
児島工務店
コンセプト
創業100年を超える伝統の歴史や力強さを、重厚感と和のテイストでデザイン。
ポイント
ダイナミックに画像を使い、伝統の技・仕事を魅力的に見せられるよう構成。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
賀陽紙器
コンセプト
ネイビーとブラックを基調とし、シャープなイメージと、動きのある配置で存在感を持たせたデザイン。
ポイント
スッキリとした導線と大きめの画像配置でダイナミックな印象にデザイン。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
ゆめワークせとうち
コンセプト
求人の探しやすさ、使いやすさを重視して設計。グリーンを基調に落ち着いたデザイン。
ポイント
シニアがターゲットということで、大きめの文字で、簡潔にわかりやすい導線を意識して制作。CMS構築・レスポンシブ、常時SSL対応。
高知職業能力開発短期大学校
https://www3.jeed.go.jp/kochi/college/
コンセプト
ワクワク感を与える動的なアニメーションを実装したサイト。写真をダイナミックに配置したデザイン。
ポイント
現地で撮影された写真をダイナミックに使用することで、レベルの高い学びや、キャンパスライフの楽しさが想像できるようなデザインに。CMS構築・レスポンシブ、常時SSL対応。
千こ里花(ちこりか)
コンセプト
ジュエリーブランドとしてのブランディングを目的としたサイト。植物やナチュラルをイメージしてデザイン。
ポイント
キラキラとしたジュエリーの邪魔をしないよう、シンプルなデザインと分かりやすい導線で制作。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
中村水道サービス
https://www.nakamura-suido.com/
コンセプト
イラストを基調に、ポップで明るく、親しみやすさと明るさを意識してデザイン。
ポイント
イラストやアイコンで、わかりやすく構成。代表者3兄弟の似顔絵イラスト・CMS構築・レスポンシブ、常時SSL対応。
政久歯科醫院 矯正歯科LP
https://m-dental.net/lp/kyousei/
コンセプト
矯正歯科に特化したLPサイト。さわやかなブルーをベースに、医院の想いがしっかりと伝わるようデザイン。
ポイント
矯正歯科に特化したLPサイト。医院コンセプトを深くヒアリングし、デザイン・構成に反映。レスポンシブ、常時SSL対応。
AWAKES
コンセプト
シンプルかつスタイリッシュながら、ダイナミックな力強さを感じるデザイン。
ポイント
オレンジをベースに、ダイナミックな画像配置と、全体的に大きく見せるデザインで、力強さをアピール。レスポンシブ、常時SSL対応。
冨士麵ず工房 オンラインショップ
https://fujimenzukoubou.jp/shop/
コンセプト
製麺所のECサイト。コーポレートサイトに準じた、商品をしっかり見せるレイアウト。
ポイント
商品の良さをアピール出来るよう設計。簡単に買い物ができるよう、カートシステムもシンプルに。レスポンシブ、常時SSL対応。
はしまや
コンセプト
落ち着きのあるデザインとスタイリッシュな構成で、高級感・信頼感の持てるデザイン。
ポイント
1ページでコンパクトに設計しながらも、インパクトのあるメインビジュアルでダイナミックに見せるよう構成。CMS構築・レスポンシブ、常時SSL対応。
岡南ギャラリー
コンセプト
シンプルな和モダンをイメージし、上品で洗練された雰囲気を意識したデザイン。
ポイント
美術品や絵画を扱うギャラリーということで、あまり硬すぎず古すぎず、落ち着いた風合いを意識。カートシステム・CMS構築・レスポンシブ、常時SSL対応。
コアテック
コンセプト
シンプルかつダイナミックなデザインで、インパクトがありながらもわかりやすく構成。
ポイント
多岐にわたる製品をわかりやすく掲載し、カタログダウンロードもカートシステムの転用でより便利に運用。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
病院・介護ナビ milmil
コンセプト
検索サイトということで、探しやすさ、使いやすさも重視しつつ、イラストベースの明るくポップなデザイン。
ポイント
検索システムのみならず、チャットシステムも搭載。レスポンシブ・常時SSL対応。
岡山純心会 愛あい会
https://www.okayama-junshinkai.co.jp/
コンセプト
ピンクをベースに、やさしい色合いとシンプルな構成で、親しみやすさと信頼感が持てるデザイン。
ポイント
広く展開している事業がシンプルかつ分かりやすく伝わるように情報設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
水島中央病院
コンセプト
よく閲覧されるコンテンツをピックアップし、バナーデザインを中心にわかりやすい導線で設計。
ポイント
明るい色合いと、撮影画像で、信頼感・清潔感のあるデザインに。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
岡山市立市民病院
https://okayama-gmc.or.jp/shimin/
コンセプト
青を基調にパネル型バナーを使用し、患者さまの使いやすさを徹底。必要な情報にたどり着きやすいように設計。
ポイント
関連サイトの中で1番ページ数が多い中、情報を整理し写真と組み合わせて導線を設計。アクセシビリティに配慮した設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
デンソー勝山
コンセプト
重くなりすぎなず、すっきりとしたデザインとスタイリッシュな構成で、落ち着きと信頼感が持てるデザイン。
ポイント
シンプルな構成で見やすさ、わかりやすさを重視して制作。レスポンシブ・常時SSL対応。
岡山赤十字病院 産婦人科
https://www.okayama-med.jrc.or.jp/maternity/
コンセプト
ピンク・ベージュを主体とした優しい色合いで、柔らかく、温かみや安心感の感じられるデザインに。
ポイント
受診しやすい雰囲気づくりと、伝えたい情報やメッセージがきちんと届くよう構築。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
岡山赤十字病院玉野分院
https://www.okaseki-tamano.jrc.or.jp/
コンセプト
優しいオレンジをベースに、シンプルに、わかりやすく、親しみやすさや信頼感が持てるデザイン。
ポイント
お年寄りがよく見ると想定し、テキストやパーツを大きめにし、分かりやすくシンプルに構成。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
倉敷市生活自立相談支援センター
コンセプト
イラストをベースに、柔らかく、やさしい印象に。シンプルで見やすい、LP形式での制作。
ポイント
写真を使わず、イラストを中心に、優しさや親しみやすさ、相談のしやすさを前面にデザイン。レスポンシブ対応。
山田養蜂場 店舗スタッフ採用
http://recruit-shopstaff.3838.com/
コンセプト
優しい色合いと撮影画像で、店舗をより魅力的にアピールし、採用につなげられるようデザインされたサイト。
ポイント
採用に特化した、LP形式のサイト。店舗のおしゃれさが伝わるよう、写真撮影からこだわって制作。プロカメラマンの写真撮影・レスポンシブ対応。
坪井
コンセプト
シンプルでスタイリッシュに、スッキリと見やすく情報設計し、デザインされたサイト。
ポイント
しっかりと情報設計し、シンプルかつわかりやすく、見やすさを意識して制作。レスポンシブ、常時SSL対応。
岡山大学整形外科学教室
コンセプト
見やすく、わかりやすく、青をベースカラーに、信頼感を持たせつつ、重くなりすぎないよう意識して設計。
ポイント
一目で必要な情報が分かり、迷わずたどり着けるよう、パネルやバナーを中心にデザイン。プロカメラマンの写真撮影・レスポンシブ・常時SSL対応。
聖・さくら学院グループ
コンセプト
柔らかな雰囲気と、高級感がありつつも、カラフルで親しみやすい色合いを意識してデザイン。
ポイント
やさしい色合いで、園内の様子や想いがしっかり伝わるよう情報設計。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
レンゴー・ノンウーブン・プロダクツ
コンセプト
採用強化がメインということで、社内・社員の雰囲気・様子がしっかり伝わり、信頼感を感じられるデザイン。
ポイント
撮影画像を効果的に使用することで、シンプルながらも仕事内容や会社の雰囲気などが伝わるように制作。プロカメラマンの写真撮影・CMS構築・レスポンシブ対応。
政久歯科醫院
コンセプト
ゴールド・ベージュを基調とし、高級感のある、サロンのようなイメージでデザインを制作。
ポイント
多岐にわたる治療内容をしっかりと整理し、見やすく、わかりやすい構成と配置に。プロカメラマンの写真撮影・CMS構築・レスポンシブ対応。
関西プラスチック工業
コンセプト
ネイビーとグレーを基調とし、工業系の重厚感を持たせつつ、重くなりすぎないすっきりとしたデザイン
ポイント
事業内容やコンセプトが伝わりやすいよう情報を整理。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
アルマ経営研究所
コンセプト
シンプルかつダイナミックに、より見やすく、信頼感の持てるサイトを意識してデザイン。
ポイント
画像を大きく使い、すっきりとさわやかな信頼感をアピールしたサイト。所属コンサルタントや事例を整理し見やすく配置。セミナー告知と申し込みの導線も確保。CMS構築・レスポンシブにも対応。
たい矯正歯科
コンセプト
ベージュ・ブラウンを基調に、見やすく、柔らかく、優しい雰囲気を意識してデザイン。
ポイント
旧サイトの情報を根本的に大幅に整理し、厳選して掲載。ロゴデザインも含めてブランディングイメージを刷新。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
OM-X
コンセプト
自然・ナチュラルな色合いを意識し、シンプルで分かりやすい情報設計を意識してデザイン。
ポイント
商品やコンセプトが伝わりやすいように情報設計。コラムなど情報発信の内容も見やすく整理。CMS構築・レスポンシブ、常時SSL対応。
ふじわら内科クリニック
https://www.fujiwara-naika-clinic.com/
コンセプト
オレンジを基調とした、柔らかな雰囲気とあたたかみのある、親しみやすさを意識したデザイン。
ポイント
伝えたいメッセージや情報が、きちんと伝わるようにしっかりと情報設計。ロゴデザインも担当し、ブランディングイメージを刷新。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
デンソー勝山 採用サイト
https://www.d-katsuyama.com/recruit/
コンセプト
コーポレートサイトと配色を合わせ、統一感を持たせながらも、目を引くダイナミックなデザインで制作。
ポイント
採用に特化した、シンプルながらも、動きのあるメインビジュアルなどでインパクトを持たせたデザインに。レスポンシブ・常時SSL対応。
岡山シティ法律事務所
コンセプト
ダイナミックに画像を配置し、すっきりとシンプルにまとめた中に、清潔感、信頼感を感じさせるデザイン。
ポイント
画像リンクにエフェクトを利用するなど、動きのある構成に。多岐にわたる業務をわかりやすく紹介できるよう意識して設計。CMS構築・レスポンシブ、常時SSL対応。
ヤマダビー リクルートLP
コンセプト
採用に特化したLPサイト。本体サイトとは雰囲気を変え、親しみやすく、わかりやすいデザインに。
ポイント
LPサイトということで、ダイナミックに、情報を簡潔にしっかりと伝わるよう情報を構成。硬くなりすぎず、柔らかく、親しみやすいイメージでデザイン。レスポンシブにも対応。
firstclass
コンセプト
パープルをメインカラーにし、健康・美を意識し、シンプルでキレイにデザイン。1ページのLP形式。
ポイント
メインは1枚もののページとしてコンパクトに設計。情報発信はSNSを活用し、LP形式でレイアウト。
DAIHACHI
コンセプト
外国のサイトということで、配色や構成など、国内サイトとは異なる感性を意識してデザイン。
ポイント
パネル風デザインを採用し、マレーシア現地の方の嗜好を踏まえてカラーリング。CMS構築、カートシステム、レスポンシブ、常時SSL対応。
パシフィックフォレストマーケティング
コンセプト
社名の通り森林をベースに、ナチュラルで力強いイメージでデザイン。LP風に1ページでコンパクトに制作。
ポイント
ごくごくシンプルに、情報を1ページで確実に伝えられるよう設計。CMS構築・レスポンシブ、常時SSL対応。
ショウワコーポレーション
コンセプト
幅広い部門が一目で分かり、ごちゃごちゃしないように、シンプルなバナーやパネルをメインに使ってデザイン。
ポイント
見やすく、わかりやすく、シンプルでさわやかなサイト。たくさんの部門が一目でわかり、1クリックで遷移できる導線に。CMS構築・レスポンシブ、常時SSL対応。
福神 トシモリ薬局 特設サイト
https://toshimori.jp/lp/funin/
コンセプト
不妊と妊活に特化したLPサイト。柔らかなデザインと色合いで、親しみやすさをアピール。
ポイント
LP形式のサイト。優しく、温かみのあるデザイン。デリケートな相談の敷居が低くなるよう意識。レスポンシブ、常時SSL対応。
淳風会 健康管理センター倉敷
https://junpukai.or.jp/center-kurashiki/
コンセプト
岡山のサイトとのデザインの整合性を取りつつも、見やすく、わかりやすいサイトにというご要望に応え制作。
ポイント
シンプルな構成・情報整理で、遷移のしやすさにもこだわって制作。CMS構築・レスポンシブ、常時SSL対応。
冨士麺ず工房
コンセプト
シンプル・ダイナミックなデザイン。大きなメインビジュアルで、商品をしっかり見せるレイアウト。
ポイント
商品をきちんと見せ、良さをしっかりとアピールできるよう設計。プロカメラマンによる写真を多用して、シンプルながらも伝わりやすい構成に。レスポンシブ、常時SSL対応。
プラスエス
コンセプト
ニュースサイトをイメージしたデザインで、青と黒をメインカラーに、信頼感を意識してデザイン。
ポイント
伝えたいことをシンプルに掲載できるよう、見やすく、分かりやすい情報設計に。CMS構築・レスポンシブ、常時SSL対応。
MARDI GRAS
コンセプト
グレーをを基調としたサイト。その分、ナチュラルで明るいカラーの画像を配置し、無機質になりすぎないようにデザイン。
ポイント
メインは1枚もののページとしてコンパクトに設計。必要な情報をLP形式でレイアウト。、常時SSL対応
KISS&HUG
コンセプト
女性らしいキレイなデザインと、優しい色使いで、明るく楽しい、オシャレな雰囲気に。
ポイント
女性がメインで活躍する雰囲気をデザインで表現。よりリアルに伝わるようYouTube動画も撮影し掲載。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
ヤマムラ
コンセプト
明るく、元気なイメージと、ポップなテイストで作成。カラフルでもまとまりがあるよう意識して制作。
ポイント
TOPだけでもすべての事業内容・アピールポイントを見せ、そこからの遷移のしやすさに重点を置いて設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブ、常時SSL対応。
ドレミ薬局・アサヒ薬局
コンセプト
シンプルで、上品なデザイン。見やすさを重視した設計。大きなメインビジュアルでインパクトを。
ポイント
複数ある店舗をトップページで一覧として配置。笑顔のスタッフを中心に使用することで、親しみやすさも。プロカメラマンの写真撮影、CMSで構築。レスポンシブ、常時SSL対応。
美輪産業
コンセプト
1ページに全てまとめ、構成を最小限に抑えつつ、企業としてのサービス内容や信頼感をアピールできるサイト。
ポイント
以前作ったものをリニューアル。1枚もののページとしてコンパクトに設計し、見やすく、わかりやすいよう必要な情報をLP形式でレイアウト。
王慈福祉会
コンセプト
優しい色合いかつ、自然なカラフルさを意識して作成。親しみやすさ、必要な情報の探しやすさを意識して制作。
ポイント
事業数・施設数が多く、掲載する情報も多かったため、情報を小分けに整理して設計。プロカメラマンの写真撮影も。CMSで構築し・レスポンシブ、常時SSL対応。
藤田病院
http://www.fujita-hospital.jp/
コンセプト
すっきりと綺麗にまとめて、堅苦しくないけれど、信頼感が持てるようデザインされたサイト。
ポイント
コンテンツが多いので、いかに見やすく、遷移しやすくするかの情報設計に力を入れて制作。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
山陽オカムラ
http://www.sanyo.okamura.co.jp/
コンセプト
白を基調とし、差し色でコーポレートカラーの赤を用いた、シンプルでベーシックなデザイン。
ポイント
ガイドラインに沿ったデザインの必要性があったものの、限られた枠の中で、シンプルに、わかりやすくレイアウト。プロカメラマンの写真撮影・CMS構築・レスポンシブにも対応。
東和ハイシステム
https://www.towa-hi-sys.co.jp/
コンセプト
TOPにインパクトを持たせつつ、その他の情報をきちんと整理して、見やすくシンプルにデザインされたサイト。
ポイント
TOPはアニメーションでテキストを挿入し、動きがあるビジュアルに。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
淳風会 健康管理センター岡山
https://junpukai.or.jp/center/
コンセプト
高級感・特別感を持たせたいとのご要望を踏まえつつ、情報設計をきっちり行い、デザインされたサイト。
ポイント
高級感を出しつつもシンプルな構成・情報整理で、遷移のしやすさにもこだわって制作。CMS構築・レスポンシブにも対応。常時SSL。
日建ベクトル
https://www.nikken-vector.com/
コンセプト
シンプルに、すっきりとしたデザインで、きちんと情報設計し、見やすく、わかりやすいサイト。
ポイント
業務内容・実績が見やすく整然と並んでいるイメージで制作。利用しやすいように細部にわたって情報設計を。CMS構築・レスポンシブにも対応。常時SSL対応。
くにとみレディス&マタニティクリニック
http://www.kunitomi-clinic.jp/
コンセプト
ブラウン・ベージュ・グリーンをベースカラーに、ナチュラルでシンプルにデザインされたサイト。
ポイント
病院サイトということで、信頼感・親しみやすさ・優しさ・清潔感がしっかりと感じられるようにデザインし、構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
フスマート
コンセプト
個性的な「ふすま」を紹介するサイト。和モダンで明るくシンプルな雰囲気でデザインしたサイト。
ポイント
製品の画像を多く使い、シンプルかつダイナミックに配置し、制作。CMS構築・レスポンシブにも対応。
玉島中央病院
https://www.tamashima-ch.or.jp/
コンセプト
シンプル・ダイナミック・わかりやすくをテーマに、パネル型でデザインされたサイト。
ポイント
TOPはパネルデザインで、ブラウザいっぱいに広がるように構築。下層は固定サイズで見やすく制作。
ニチイ車輌
コンセプト
青をベースに、シンプルさの中に少しポップな印象を織り込み、見やすく親しみやすいデザインされたサイト。
ポイント
シンプルなデザインで、分かりやすい情報設計。社内の雰囲気がよくわかるよう、プロカメラマンが撮影した写真を随所に使用。レスポンシブデザインにも対応。
ファイブ・ジャンクション
https://www.five-junction.com/
コンセプト
1枚の画像で、コーディングでは実現しにくい、オシャレでダイナミックなデザインに。
ポイント
最低限の情報を掲載した1枚ものの紹介サイト。ビルの全体図と入っているテナントなどをシンプルに掲載。写真はプロカメラマンによる夜間撮影により、よりムードのある写真に。常時SSL対応。
玉野自動車教習所
https://www.tamano-drivingschool.jp/
コンセプト
カラフルでポップに、学生や若い人が親しみをもって、楽しく閲覧できるようデザイン。
ポイント
明るくポップなデザインながら、ごちゃごちゃせず、スッキリと見えるよう情報整理。CMSで構築し、レスポンシブデザインにも対応。
岡山赤十字病院
https://www.okayama-med.jrc.or.jp/
コンセプト
シンプル・爽やかをベースに日赤カラーの赤を使用。「見やすく整理されたサイト」というコンセプトで制作。
ポイント
130ページを超える大規模サイトのため、最初の情報整理、情報配置に注力し、極力浅い階層で、目的の情報にたどり着けるように配慮。CMS構築・レスポンシブにも対応。常時SSL。
岡山アークバレー
コンセプト
青を基調として、イベント予定がトップページで確認でき、ユーザーが参加してみたくなる雰囲気のサイト
ポイント
必要な情報の整理、イベントの予定→申し込み→活動報告というプロセスが一目で確認できLPOにも配慮したサイト構成。撮影からコンテンツ作成までをプロデュース。レスポンシブ、常時SSL対応。
肥後薬局
コンセプト
柔らかいグリーンと、白を基調に、シンプルすぎず、親しみやすさを感じられるようデザイン。
ポイント
明るく、シンプルで清潔感のあるサイト。社内の雰囲気がよくわかるよう情報設計し、プロカメラマンの写真撮影も。CMSで構築し、レスポンシブデザインにも対応。
ゼノー・テック
コンセプト
オレンジと黒をベースに、シンプルに、パネルやバナーで少しカッチリしたイメージでデザインされたサイト。
ポイント
製造業で機械を扱う会社ということで、商品画像を多く掲載するため、メタリックな色合いが映えるよう構成・デザイン。CMS構築・レスポンシブにも対応。常時SSL
倉敷平成病院
コンセプト
清潔・信頼・優しさをコンセプトに、ブルーでスッキリとまとめてデザインされたサイト。
ポイント
診療科・部門・関連施設が多い大病院のため、見やすくたどり着きやすいよう情報をきちんと整理。CMSで構築。
おかやま老人ホーム紹介センター
https://www.okayama-rojinhome.com/
コンセプト
柔らかな色合いで、信頼感・親しみやすさ・相談のしやすさを意識してデザインされたサイト。
ポイント
コンテンツも多くないので、シンプルでベーシック、わかりやすさを意識して設計。CMS構築・レスポンシブ、常時SSL対応。
フラメンコスタジオ アル・アイレ
コンセプト
シンプル・ダイナミックに、そしてほんの少しの色気を、というイメージでデザインされたサイト。
ポイント
TOPはダイナミックに、フラメンコの情熱や躍動感が伝わるよう、大きめの画像を多用。レッスン内容やスタジオ内の雰囲気がしっかり伝わるよう構成。CMS構築・レスポンシブにも対応。
アートセラミックス
https://www.artceramics.co.jp/
コンセプト
全体的にシンプルに、軽いテイストで作成。見出しなどで色を足し、アートらしさに配慮しながら制作。
ポイント
どのようなものを作っているのかをしっかり見せるため、実績写真を使用することをメインに構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
ふじわら内科 大腸カメラLP
https://www.fujiwara-naika-clinic.com/colonoscopy/
コンセプト
大腸カメラに特化したLPサイト。本体サイトと同系色で統一感を出しつつ、LPならではのダイナミックさを掛け合わせたデザイン。
ポイント
カテゴリごとに情報設計・配置し、見やすく見つけやすい構成に。レスポンシブ、常時SSL対応。
NICS
コンセプト
ダイナミックかつスタイリッシュなデザインで、見やすく、わかりやすいサイトにしたいというご要望をもとに制作。
ポイント
情報量の多さを、シンプルな設計でカバーし、すっきりと見せる構成に。CMS構築・レスポンシブ、常時SSL対応。
ハートスタッフ
https://www.heart-stuff.co.jp/
コンセプト
求人検索サイト。見やすい・探しやすいことを意識し、シンプルにまとめたサイト。
ポイント
システム構築・デザイン・コーディングまで全て担当。スマホでも見やすいよう、レスポンシブで制作。常時SSL。
ニッカリ
コンセプト
白をベースに、新緑のようなグリーンをポイントカラーに使用し、コンテンツ整備で極めてシンプルにデザイン。
ポイント
余計な装飾はせず、シンプルなデザインにしたいという要望に応えるべく、パーツの配置、余白にもこだわって制作。CMSで構築。常時SSLにも対応。
アットライフ
コンセプト
画像を中心としたシンプルなデザインで、分かりやすい、見つけやすい導線で設計。
ポイント
物件検索プラグインのカスタマイズ、ロゴデザイン・プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応などトータルにサポート。。
内海建設コンサルタント
コンセプト
ダイナミックな画像配置で、インパクトがありつつ、落ち着いたデザインで見やすく構成。
ポイント
シンプルなコーポレートサイトながら写真を大きく配置し、見やすく、わかりやすく、人が見えるコンテンツを心がけて制作。CMS構築・レスポンシブ、常時SSL対応。
岡山国際スケートリンク
コンセプト
濃いグレーと白で、モノトーンをベースに、あまり飾らずシンプルにしたいというご要望で制作。
ポイント
外枠をシンプルにし、写真が映えるように設計。プロカメラマンによる写真撮影を行い、予約等をすべてネット上で行えるようにCMSで構築。レスポンシブ対応。
川崎医科大学 腎臓・高血圧内科
http://www.kawasaki-jinzo.net/
コンセプト
川崎医科大学のマークのブルーを基調に、研究職としての信頼感、清潔感をコンセプトにデザインされたサイト。
ポイント
ターゲットごとに分けたコンテンツで、閲覧しやすい環境を構築。内容がどうしても固くなりがちなため、見る人が抵抗なく読み進めて行けるよう、ちょっとした柔らかさも随所に織り交ぜたデザインに。
岡山中央法律事務所
コンセプト
赤と緑をテーマカラーに、信頼感と相談しやすさが同居するようにデザインされたサイト。
ポイント
業務案内を一覧で表示させることで、一目で必要な情報が見え、スムーズな遷移を実現。CMSで構築。
MR
コンセプト
ブラック・ブラウン・ベージュを基調に、シンプルながら奥行きのあるデザイン。
ポイント
カテゴリごとに情報設計・配置し、見やすく見つけやすい構成に。プロカメラマン撮影・レスポンシブ、常時SSL対応。
グラフィックファクトリー
コンセプト
明るく・シンプルポップなサイト。
情報量が多いものの、すっきりと情報整理されたサイト。
ポイント
写真修正がメインなので、修正前と修正後がよくわかるように構成。レスポンシブデザイン対応。常時SSLにも対応。
医療法人社団 良友会
コンセプト
優しさ、清潔感、安心感をコンセプトに、ピンクを中心とした優しい色合いでデザイン。
ポイント
病院だけでなく、介護施設等幅広く運営されているので、情報整理に力を入れました。欲しい情報にすぐ移動できるよう制作。CMSで構築。
土屋総研
コンセプト
ネイビーを基調とし信頼感・重厚感を持たせつつ、シンプルで落ち着いた、信頼感の持てるデザイン。
ポイント
パネルデザインやバナーで配置し、多岐にわたるコンテンツを分かりやすく簡潔に掲載。CMS構築・レスポンシブ、常時SSL対応。
土の子保育園
https://www.tsuchinoko-net.com/
コンセプト
シンプルでさわやかなデザインで、優しさと安心をコンセプトに制作したサイト。
ポイント
最低限の情報のみを掲載し、見やすく、分かりやすい1ページものの構成。Facebookページとも連動し保育園の状況が把握しやすいように制作。プロカメラマンの写真撮影・レスポンシブ対応。
香川デコス
コンセプト
グリーンとグレーを基調とし、ナチュラルで明るいイメージの、信頼感の持てるデザイン。
ポイント
日差しのような明るさを感じられる、開放感のあるデザインとシンプルな構成で制作。CMS構築・レスポンシブ、常時SSL対応。
アーキテクチャー茂山組
http://www.shigeyamagumi-archi.com/
コンセプト
「大人のビジネスクラス住宅」をコンセプトに、ブラック・ゴールドを主体とし、高級感を意識したデザイン。
ポイント
既存のデザインではなく、雑誌やカタログのような風合いを意識し、情報を配置。レスポンシブ対応。
ウシジマエキスポ
コンセプト
様々なコンテンツを"エキスポ(博覧会)"的な見せ方で、楽しく、興味深く閲覧できるサイト。
ポイント
FM岡山ラジオ番組とのタイアップ企画。ボタンをCDディスクの形で配置し、Flashでは写真を動的なアルバムとして表現。訪れたユーザーが楽しめるような”遊び心”を前面に出しシンプルかつ広がり感が出るように設計。常時SSLにも対応。
タイガーマシン製作所
https://www.tiger-machine.com/
コンセプト
大きめのメインビジュアルでインパクトを持たせながらも、全体の雰囲気が重苦しくならないよう制作。
ポイント
基本的なコーポレートサイトとして情報設計を行い、見やすさ、遷移のしやすさを意識して設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
エスト・イノベーション
コンセプト
シンプルなデザインで、タッチパネルのように直感的に情報にたどり着けるよう設計。
ポイント
建築・不動産の紹介が中心で実績紹介にはカテゴリが多いため、いかに見やすく情報を整理するかにポイントを置いて設計。CMSで構築。レスポンシブ、常時SSL対応。
碧水園
コンセプト
グリーンと和をテーマに、キレイで和モダンなテイストでまとめ、デザインされたサイト。
ポイント
1ページで完結した、シンプルな構成のサイト。外観・料理はプロカメラマンの撮影したものを使用。常時SSL対応。
モータリング バイ カタオカ
コンセプト
車屋っぽくないスタイリッシュなデザインというコンセプトのもとに制作されたサイト。
ポイント
タブレットやスマホでの閲覧を考慮したタッチパネル風のバナーボタンをパネル的にレイアウト。お客様の声には、実際に購入されたお客さまを写真つきで紹介。常時SSL対応。
小林裕彦法律事務所
https://www.kobayashi-law-office.jp/
コンセプト
シンプル・シック・高級感、というコンセプトでデザインされたサイト。かっちりとしたデザインながら、固くなりすぎないように制作。
ポイント
TOPである程度情報が分かるように情報整理・配置。お客さま側でブログを更新したいということで、新着情報に、ブログの新着も掲載。
山陽設計
コンセプト
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