対象がWEBアプリケーション（システム開発）であっても、WEBサイト構築（ホームページデザイン）であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。
岡山のホームページ作成。デザイナーズホームページ作成はCODE54。
魅力を正確に、美しく伝えることがWebサイトの役目であると考えます。
CMSの選定・構築からレスポンシブウェブデザイン(RWD)など、スマホやタブレットまで幅広く対応可能です。
ホームページ・サイト構築の最新実績
カフェ・ド・カンパーニュ
コンセプト
ブラウン・ベージュを基調としたナチュラルで温かみのあるデザイン。
ポイント
こだわりが"映える"ように写真を配置し、構成。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
岡山WEBクリエイターズ
コンセプト
定期的に開催されるセミナーの告知・報告がスムーズにでき、過去のセミナーがスムーズに閲覧できるサイト。
ポイント
チラシの掲載や講師の紹介など、1つ1つの記事の情報量が多いサイトだが、見やすく、かつ管理しやすいように設計。レスポンシブにも対応。常時SSL。
ONE APEX
コンセプト
赤を基調とした、信頼感・企業としての強さをイメージしてデザイン。
ポイント
グループ会社全体としてデザインを合わせながら、1ページで簡潔に伝えられるよう構成。CMS構築・レスポンシブ、常時SSL対応。
中国地区国語教育研究大会(岡山大会)
https://okayama33.sakura.ne.jp/
コンセプト
教育や研究に対する好奇心を刺激することをイメージしてデザイン。
ポイント
簡潔で分かりやすいデザインを意識しつつ、会員制を主張しすぎないデザイン。CMS構築・レスポンシブ、常時SSL対応。
MIRAI病院
コンセプト
ブルーを基調とした、シンプルで落ち着きのある、信頼感を感じられるデザイン。
ポイント
簡潔な情報設計とシンプルで的確な導線で、必要な情報がすぐ得られるよう制作。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
岡山南区にじいろ小児科クリニック
https://www.okayama-nijiiro-clinic.com/
コンセプト
カラフルで色使いで、ポップなイメージがありながら、うるさすぎず親しみやすいイメージで制作。
ポイント
丸みのあるフォントと、イラストをバランスよく配置し、柔らかく優しいイメージで制作。CMS構築・レスポンシブ、常時SSL対応。
照明センターEC
コンセプト
オレンジとブラウンを基調とし、シンプルですっきりとした、明るいイメージで商品がきれいに見えるデザイン。
ポイント
目的別に分類することで、探しやすさを重視。好みの商品にいち早くたどり着けるよう設計。CMS構築・レスポンシブ、常時SSL対応。
山陽エースラインエ業
コンセプト
ネイビーをメインに、信頼感、重厚感を持たせつつ、抜けのあるシンプルで重くなりすぎないデザイン。
ポイント
人・作業風景を多用することで、仕事内容・現場の雰囲気などが伝わるように構成。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
さくナビ
コンセプト
爽やかなピンクと水色を基調に、全体的に明るく、見やすく、使いやすいようにデザイン。
ポイント
求職者の方がすぐに求人情報を検索・閲覧ができるようにシンプルな導線で分かりやすく、探しやすいことを目的としたサイト。CMS構築・レスポンシブ・常時SSL対応。
相続税なんでも解決できるもん
https://kaiketsu.souzoku-zei.jp/
コンセプト
グリーンを基調とし、暮らしや町、人をイメージしたイラストで分かりやすくデザイン。
ポイント
難しい税の情報を、分かりやすいコラムと親しみやすいデザインで発信する事を目的としたサイト。CMS構築・レスポンシブ・常時SSL対応。
照明センター
コンセプト
オレンジとブラウンを基調とし、華やかで明るいイメージの内装と商品がきれいに見えるデザイン。
ポイント
暖かい雰囲気と独自性のある魅力が伝わる写真を大きめに配置して、来客者増加につながるように制作。CMS構築・レスポンシブ、常時SSL対応。
Office F Vision
コンセプト
名刺代わりのサイトとして、会社のビジョンと、社長の経歴などがきちんと伝わるようデザイン。
ポイント
各インタビューや取材・動画へのリンクを配置し、実績や人柄なども訴求できるよう設計。CMS構築・レスポンシブ、常時SSL対応。
岡山市民病院WEBマガジン
https://okayama-gmc.or.jp/oth/magazine/
コンセプト
落ち着いたベージュ・ブラウンで、シンプルながら柔らかさ・親しみやすさを感じるデザイン。
ポイント
同系色でまとめ、シンプルな導線と、タグでの情報管理が出来るよう制作。CMS構築・レスポンシブ、常時SSL対応。
comuoon公式サイト
コンセプト
さわやかで明るいブルーをメインカラーに、カラフルでありながらすっきりとした印象のデザイン。
ポイント
全体的にシンプルな構造で分かりやすく、かつ親しみやすいを感じられるよう制作。CMS構築・レスポンシブ、常時SSL対応。
済生会吉備病院
コンセプト
明るいグリーンとピンクを基調に、柔らかい色合いで親しみやすさとあたたかさを持たせたデザイン。
ポイント
丸みのあるデザインで柔らかさや優しさをイメージして制作。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
StartupScaleup.jp
コンセプト
落ち着いた青と、白、グレーで理知的なイメージで、見やすく、分かりやすいデザイン。
ポイント
ニュースサイトのような記事を、カテゴリごとに振り分け閲覧でき、見やすく、探しやすい構成のサイト。CMS構築・レスポンシブ、常時SSL対応。
Ne WORKS
コンセプト
ライトグレーをベースに、モノトーンでシンプルにながら洗練されたイメージになるようデザイン。
ポイント
無駄をそぎ落とし、洗練された印象を意識して制作。CMS構築・レスポンシブ、常時SSL対応。
岡山県作業療法士会
コンセプト
明るいグリーンですっきりとまとめ、親しみやすさ、清潔感、信頼感を持たせたデザイン。
ポイント
細分化された情報を丁寧に情報設計し、目的の情報に辿り着きやすいよう構築。CMS構築・レスポンシブ、常時SSL対応。
珈琲カド
コンセプト
モノトーンをベースににしつつも、太めのラインやフォントで遊び心を持たせ、シンプルモダンにデザイン。
ポイント
シンプル・コンパクトなLP形式で、見やすさ分かりやすさを重視。CMS構築・レスポンシブ、常時SSL対応。
建設業労働災害防止協会 岡山県支部
https://www.kensaibou-okayama.jp/
コンセプト
グリーンを基調とし、過度な装飾を控え、シンプルですっきりとした信頼感の持てるデザイン。
ポイント
情報ごとにエリアを分け、目的の情報に辿り着きやすいよう構築。CMS構築・レスポンシブ、常時SSL対応。
クムレ 採用サイト
https://www.cumre-recruit.com/
コンセプト
オレンジ・ブラウンであたたかみのあるナチュラルな色合いで、信頼感と親しみやすさを持たせたデザイン。
ポイント
メインビジュアルを動画し、撮影画像をふんだんに使い、訴求力のある構成に。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
ユニコ
コンセプト
明るいグリーンですっきりとまとめた、清潔感と信頼感を持たせたデザイン。
ポイント
メインビジュアルに動画を採用することで、インパクトのあるトップページに。ドローンでの撮影・プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
医療者情報サイト With LARS
コンセプト
さわやかな自然をベースに、すっきりとした清潔感がありながら、信頼感や温かみを持たせたデザイン。
ポイント
シンプルな導線とダイナミックな見せ方で、簡潔ながら奥行きのあるデザイン。CMS構築・レスポンシブ、常時SSL対応。
iBody
コンセプト
清潔感・信頼感のあるブルーをメインカラーとし、全体的に見やすく、洗練された印象のデザイン。
ポイント
固くなりすぎず、親しみやすさを持たせるよう意識しして制作。CMS構築・レスポンシブ、常時SSL対応。
渡辺医院
コンセプト
全体的にすっきりとしていて見やすく、施設情報や想いがスムーズに伝わるデザイン。
ポイント
働く様子がイメージできる人物写真や、現地の様子・人間味が感じられる写真を多めに配置することで、採用強化や集患につながるデザインを目指しました。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
ムカイ鐵工株式会社
コンセプト
青をメインカラーとし、全体的に信頼感や品質の高さを感じられるデザイン。
ポイント
採用強化として、若い方の目に留まりやすいダイナミックで動きのあるレイアウトを取り入れました。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
窓で防音ナビ
コンセプト
配色は製品品質の高さが伝わるよう、ブラウンを主に使用。快適さや落ち着きを意識したデザイン。
ポイント
手書き感のあるフォントも使用し、信頼感や高級感だけでなく親しみやすさも感じられるサイトを校正。CMS構築・レスポンシブ、常時SSL対応。
岡山エールフォークリフト
コンセプト
ブルーとオレンジで、インパクトがあり、どっしりとした重厚感のあるデザインに。
ポイント
シンプルな構成・情報整理で見やすさ、分かりやすさを意識して制作。CMS構築・レスポンシブ、常時SSL対応。
上坊組
コンセプト
全体的にスタイリッシュ・ダイナミック感を演出。清潔感や信頼感を持たせたサイト。
ポイント
仕事への姿勢や想いが伝わるデザイン。プロカメラマン撮影・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対応。
山陽設計
コンセプト
TOPページである程度業務内容が分かり、極力シンプルな構成でデザインされたサイト。
ポイント
シンプルなコーポレートサイトながら、しっかりコンテンツを見せられるように情報配置。CMSで構築。
きたながせ内科クリニック
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対応。
碧水園
コンセプト
グリーンと和をテーマに、キレイで和モダンなテイストでまとめ、デザインされたサイト。
ポイント
1ページで完結した、シンプルな構成のサイト。外観・料理はプロカメラマンの撮影したものを使用。常時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.tiger-machine.com/
コンセプト
大きめのメインビジュアルでインパクトを持たせながらも、全体の雰囲気が重苦しくならないよう制作。
ポイント
基本的なコーポレートサイトとして情報設計を行い、見やすさ、遷移のしやすさを意識して設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
デンソー勝山 採用サイト
https://www.d-katsuyama.com/recruit/
コンセプト
コーポレートサイトと配色を合わせ、統一感を持たせながらも、目を引くダイナミックなデザインで制作。
ポイント
採用に特化した、シンプルながらも、動きのあるメインビジュアルなどでインパクトを持たせたデザインに。レスポンシブ・常時SSL対応。
岡山シティ法律事務所
コンセプト
ダイナミックに画像を配置し、すっきりとシンプルにまとめた中に、清潔感、信頼感を感じさせるデザイン。
ポイント
画像リンクにエフェクトを利用するなど、動きのある構成に。多岐にわたる業務をわかりやすく紹介できるよう意識して設計。CMS構築・レスポンシブ、常時SSL対応。
ヤマダビー リクルートLP
コンセプト
採用に特化したLPサイト。本体サイトとは雰囲気を変え、親しみやすく、わかりやすいデザインに。
ポイント
LPサイトということで、ダイナミックに、情報を簡潔にしっかりと伝わるよう情報を構成。硬くなりすぎず、柔らかく、親しみやすいイメージでデザイン。レスポンシブにも対応。
firstclass
コンセプト
パープルをメインカラーにし、健康・美を意識し、シンプルでキレイにデザイン。1ページのLP形式。
ポイント
メインは1枚もののページとしてコンパクトに設計。情報発信はSNSを活用し、LP形式でレイアウト。
土屋総研
コンセプト
ネイビーを基調とし信頼感・重厚感を持たせつつ、シンプルで落ち着いた、信頼感の持てるデザイン。
ポイント
パネルデザインやバナーで配置し、多岐にわたるコンテンツを分かりやすく簡潔に掲載。CMS構築・レスポンシブ、常時SSL対応。
パシフィックフォレストマーケティング
コンセプト
社名の通り森林をベースに、ナチュラルで力強いイメージでデザイン。LP風に1ページでコンパクトに制作。
ポイント
ごくごくシンプルに、情報を1ページで確実に伝えられるよう設計。CMS構築・レスポンシブ、常時SSL対応。
ショウワコーポレーション
コンセプト
幅広い部門が一目で分かり、ごちゃごちゃしないように、シンプルなバナーやパネルをメインに使ってデザイン。
ポイント
見やすく、わかりやすく、シンプルでさわやかなサイト。たくさんの部門が一目でわかり、1クリックで遷移できる導線に。CMS構築・レスポンシブ、常時SSL対応。
福神 トシモリ薬局 特設サイト
https://toshimori.jp/lp/funin/
コンセプト
不妊と妊活に特化したLPサイト。柔らかなデザインと色合いで、親しみやすさをアピール。
ポイント
LP形式のサイト。優しく、温かみのあるデザイン。デリケートな相談の敷居が低くなるよう意識。レスポンシブ、常時SSL対応。
冨士麺ず工房
コンセプト
シンプル・ダイナミックなデザイン。大きなメインビジュアルで、商品をしっかり見せるレイアウト。
ポイント
商品をきちんと見せ、良さをしっかりとアピールできるよう設計。プロカメラマンによる写真を多用して、シンプルながらも伝わりやすい構成に。レスポンシブ、常時SSL対応。
プラスエス
コンセプト
ニュースサイトをイメージしたデザインで、青と黒をメインカラーに、信頼感を意識してデザイン。
ポイント
伝えたいことをシンプルに掲載できるよう、見やすく、分かりやすい情報設計に。CMS構築・レスポンシブ、常時SSL対応。
ヤマムラ
コンセプト
明るく、元気なイメージと、ポップなテイストで作成。カラフルでもまとまりがあるよう意識して制作。
ポイント
TOPだけでもすべての事業内容・アピールポイントを見せ、そこからの遷移のしやすさに重点を置いて設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブ、常時SSL対応。
MARDI GRAS
コンセプト
グレーをを基調としたサイト。その分、ナチュラルで明るいカラーの画像を配置し、無機質になりすぎないようにデザイン。
ポイント
メインは1枚もののページとしてコンパクトに設計。必要な情報をLP形式でレイアウト。、常時SSL対応
KISS&HUG
コンセプト
女性らしいキレイなデザインと、優しい色使いで、明るく楽しい、オシャレな雰囲気に。
ポイント
女性がメインで活躍する雰囲気をデザインで表現。よりリアルに伝わるようYouTube動画も撮影し掲載。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
美輪産業
コンセプト
1ページに全てまとめ、構成を最小限に抑えつつ、企業としてのサービス内容や信頼感をアピールできるサイト。
ポイント
以前作ったものをリニューアル。1枚もののページとしてコンパクトに設計し、見やすく、わかりやすいよう必要な情報をLP形式でレイアウト。
ドレミ薬局・アサヒ薬局
コンセプト
シンプルで、上品なデザイン。見やすさを重視した設計。大きなメインビジュアルでインパクトを。
ポイント
複数ある店舗をトップページで一覧として配置。笑顔のスタッフを中心に使用することで、親しみやすさも。プロカメラマンの写真撮影、CMSで構築。レスポンシブ、常時SSL対応。
日建ベクトル
https://www.nikken-vector.com/
コンセプト
シンプルに、すっきりとしたデザインで、きちんと情報設計し、見やすく、わかりやすいサイト。
ポイント
業務内容・実績が見やすく整然と並んでいるイメージで制作。利用しやすいように細部にわたって情報設計を。CMS構築・レスポンシブにも対応。常時SSL対応。
王慈福祉会
コンセプト
優しい色合いかつ、自然なカラフルさを意識して作成。親しみやすさ、必要な情報の探しやすさを意識して制作。
ポイント
事業数・施設数が多く、掲載する情報も多かったため、情報を小分けに整理して設計。プロカメラマンの写真撮影も。CMSで構築し・レスポンシブ、常時SSL対応。
藤田病院
https://www.fujita-hospital.jp/
コンセプト
すっきりと綺麗にまとめて、堅苦しくないけれど、信頼感が持てるようデザインされたサイト。
ポイント
コンテンツが多いので、いかに見やすく、遷移しやすくするかの情報設計に力を入れて制作。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
淳風会 健康管理センター岡山
https://junpukai.or.jp/center/
コンセプト
高級感・特別感を持たせたいとのご要望を踏まえつつ、情報設計をきっちり行い、デザインされたサイト。
ポイント
高級感を出しつつもシンプルな構成・情報整理で、遷移のしやすさにもこだわって制作。CMS構築・レスポンシブにも対応。常時SSL。
東和ハイシステム
https://www.towa-hi-sys.co.jp/
コンセプト
TOPにインパクトを持たせつつ、その他の情報をきちんと整理して、見やすくシンプルにデザインされたサイト。
ポイント
TOPはアニメーションでテキストを挿入し、動きがあるビジュアルに。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
玉島中央病院
https://www.tamashima-ch.or.jp/
コンセプト
シンプル・ダイナミック・わかりやすくをテーマに、パネル型でデザインされたサイト。
ポイント
TOPはパネルデザインで、ブラウザいっぱいに広がるように構築。下層は固定サイズで見やすく制作。
玉野自動車教習所
https://www.tamano-drivingschool.jp/
コンセプト
カラフルでポップに、学生や若い人が親しみをもって、楽しく閲覧できるようデザイン。
ポイント
明るくポップなデザインながら、ごちゃごちゃせず、スッキリと見えるよう情報整理。CMSで構築し、レスポンシブデザインにも対応。
肥後薬局
コンセプト
柔らかいグリーンと、白を基調に、シンプルすぎず、親しみやすさを感じられるようデザイン。
ポイント
明るく、シンプルで清潔感のあるサイト。社内の雰囲気がよくわかるよう情報設計し、プロカメラマンの写真撮影も。CMSで構築し、レスポンシブデザインにも対応。
岡山赤十字病院
https://www.okayama-med.jrc.or.jp/
コンセプト
シンプル・爽やかをベースに日赤カラーの赤を使用。「見やすく整理されたサイト」というコンセプトで制作。
ポイント
130ページを超える大規模サイトのため、最初の情報整理、情報配置に注力し、極力浅い階層で、目的の情報にたどり着けるように配慮。CMS構築・レスポンシブにも対応。常時SSL。
ゼノー・テック
コンセプト
オレンジと黒をベースに、シンプルに、パネルやバナーで少しカッチリしたイメージでデザインされたサイト。
ポイント
製造業で機械を扱う会社ということで、商品画像を多く掲載するため、メタリックな色合いが映えるよう構成・デザイン。CMS構築・レスポンシブ・常時SSL対応。
倉敷平成病院
コンセプト
清潔・信頼・優しさをコンセプトに、ブルーでスッキリとまとめてデザインされたサイト。
ポイント
診療科・部門・関連施設が多い大病院のため、見やすくたどり着きやすいよう情報をきちんと整理。CMSで構築。
内海建設コンサルタント
コンセプト
ダイナミックな画像配置で、インパクトがありつつ、落ち着いたデザインで見やすく構成。
ポイント
シンプルなコーポレートサイトながら写真を大きく配置し、見やすく、わかりやすく、人が見えるコンテンツを心がけて制作。CMS構築・レスポンシブ、常時SSL対応。
小林裕彦法律事務所
https://www.kobayashi-law-office.jp/
コンセプト
シンプル・シック・高級感、というコンセプトでデザインされたサイト。かっちりとしたデザインながら、固くなりすぎないように制作。
ポイント
TOPである程度情報が分かるように情報整理・配置。お客さま側でブログを更新したいということで、新着情報に、ブログの新着も掲載。
岡山国際スケートリンク
コンセプト
濃いグレーと白で、モノトーンをベースに、あまり飾らずシンプルにしたいというご要望で制作。
ポイント
外枠をシンプルにし、写真が映えるように設計。プロカメラマンによる写真撮影を行い、予約等をすべてネット上で行えるようにCMSで構築。レスポンシブ、常時SSL対応。
ニッカリ
コンセプト
白をベースに、新緑のようなグリーンをポイントカラーに使用し、コンテンツ整備で極めてシンプルにデザイン。
ポイント
余計な装飾はせず、シンプルなデザインにしたいという要望に応えるべく、パーツの配置、余白にもこだわって制作。CMSで構築。常時SSLにも対応。
川崎医科大学 腎臓・高血圧内科
http://www.kawasaki-jinzo.net/
コンセプト
川崎医科大学のマークのブルーを基調に、研究職としての信頼感、清潔感をコンセプトにデザインされたサイト。
ポイント
ターゲットごとに分けたコンテンツで、閲覧しやすい環境を構築。内容がどうしても固くなりがちなため、見る人が抵抗なく読み進めて行けるよう、ちょっとした柔らかさも随所に織り交ぜたデザインに。
検索エンジンから訪れるユーザーの方のために、検索順位アップの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