対象がWEBアプリケーション(システム開発)であっても、WEBサイト構築(ホームページデザイン)であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。
魅力を正確に、美しく伝えることがWebサイトの役目であると考えます。
CMSの選定・構築からレスポンシブウェブデザイン(RWD)など、スマホやタブレットまで幅広く対応可能です。
https://okayama-gmc.or.jp/oth/magazine/
落ち着いたベージュ・ブラウンで、シンプルながら柔らかさ・親しみやすさを感じるデザイン。
同系色でまとめ、シンプルな導線と、タグでの情報管理が出来るよう制作。CMS構築・レスポンシブ、常時SSL対応。
さわやかで明るいブルーをメインカラーに、カラフルでありながらすっきりとした印象のデザイン。
全体的にシンプルな構造で分かりやすく、かつ親しみやすいを感じられるよう制作。CMS構築・レスポンシブ、常時SSL対応。
明るいグリーンとピンクを基調に、柔らかい色合いで親しみやすさとあたたかさを持たせたデザイン。
丸みのあるデザインで柔らかさや優しさをイメージして制作。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
さわやかな自然をベースに、すっきりとした清潔感がありながら、信頼感や温かみを持たせたデザイン。
シンプルな導線とダイナミックな見せ方で、簡潔ながら奥行きのあるデザイン。CMS構築・レスポンシブ、常時SSL対応。
ライトグレーをベースに、モノトーンでシンプルにながら洗練されたイメージになるようデザイン。
無駄をそぎ落とし、洗練された印象を意識して制作。CMS構築・レスポンシブ、常時SSL対応。
明るいグリーンですっきりとまとめ、親しみやすさ、清潔感、信頼感を持たせたデザイン。
細分化された情報を丁寧に情報設計し、目的の情報に辿り着きやすいよう構築。CMS構築・レスポンシブ、常時SSL対応。
モノトーンをベースににしつつも、太めのラインやフォントで遊び心を持たせ、シンプルモダンにデザイン。
シンプル・コンパクトなLP形式で、見やすさ分かりやすさを重視。CMS構築・レスポンシブ、常時SSL対応。
https://www.kensaibou-okayama.jp/
グリーンを基調とし、過度な装飾を控え、シンプルですっきりとした信頼感の持てるデザイン。
情報ごとにエリアを分け、目的の情報に辿り着きやすいよう構築。CMS構築・レスポンシブ、常時SSL対応。
https://www.cumre-recruit.com/
オレンジ・ブラウンであたたかみのあるナチュラルな色合いで、信頼感と親しみやすさを持たせたデザイン。
メインビジュアルを動画し、撮影画像をふんだんに使い、訴求力のある構成に。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
明るいグリーンですっきりとまとめた、清潔感と信頼感を持たせたデザイン。
メインビジュアルに動画を採用することで、インパクトのあるトップページに。ドローンでの撮影・プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
https://service-tellapo.kawai-shoji.com/
レッド・ブラック・ネイビーのくっきりとした色合いで、訴求力を持たせたデザイン。
ダイナミックに画像を使い、テキストを大きく配置することでインパクトのある印象に。CMS構築・レスポンシブ、常時SSL対応。
清潔感・信頼感のあるブルーをメインカラーとし、全体的に見やすく、洗練された印象のデザイン。
固くなりすぎず、親しみやすさを持たせるよう意識しして制作。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。
ネイビーでかっちりまとめ、画像をダイナミックに配置。信頼感や力強さを持たせたデザイン。
撮影画像をしっかりと使用することで、社内の雰囲気がしっかりと伝わるように構成。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
ネイビー・薄いグレーを基調に、イラスト・アイコンを中心に、研究・専門性を意識したデザイン。
シンプルな導線で、親しみやすいイメージで制作。CMS構築・レスポンシブ、常時SSL対応。
ライブハウスやスタジオを髣髴とさせるような背景でダイナミックかつ、大人の落ち着きも持たせたデザイン。
メインビジュアルの表示に動きを付け、簡潔ながらも楽しさを表現。CMS構築・レスポンシブ、常時SSL対応。
ネイビーを基調に、シンプル・ダイナミックで、信頼感を意識したデザイン。
簡潔な設計とシンプルなデザインで、導線が分かりやすいよう制作。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
グループ内でテイストを合わせ、ネイビーを基調に、シンプル・ダイナミックで、信頼感を意識したデザイン。
簡潔な設計とシンプルなデザインで、導線が分かりやすいよう制作。プロカメラマン撮影・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対応。
https://m-dental.net/lp/kyousei/
矯正歯科に特化したLPサイト。さわやかなブルーをベースに、医院の想いがしっかりと伝わるようデザイン。
矯正歯科に特化したLPサイト。医院コンセプトを深くヒアリングし、デザイン・構成に反映。レスポンシブ、常時SSL対応。
シンプルかつスタイリッシュながら、ダイナミックな力強さを感じるデザイン。
オレンジをベースに、ダイナミックな画像配置と、全体的に大きく見せるデザインで、力強さをアピール。レスポンシブ、常時SSL対応。
https://fujimenzukoubou.jp/shop/
製麺所のECサイト。コーポレートサイトに準じた、商品をしっかり見せるレイアウト。
商品の良さをアピール出来るよう設計。簡単に買い物ができるよう、カートシステムもシンプルに。レスポンシブ、常時SSL対応。
落ち着きのあるデザインとスタイリッシュな構成で、高級感・信頼感の持てるデザイン。
1ページでコンパクトに設計しながらも、インパクトのあるメインビジュアルでダイナミックに見せるよう構成。CMS構築・レスポンシブ、常時SSL対応。
シンプルな和モダンをイメージし、上品で洗練された雰囲気を意識したデザイン。
美術品や絵画を扱うギャラリーということで、あまり硬すぎず古すぎず、落ち着いた風合いを意識。カートシステム・CMS構築・レスポンシブ、常時SSL対応。
シンプルかつダイナミックなデザインで、インパクトがありながらもわかりやすく構成。
多岐にわたる製品をわかりやすく掲載し、カタログダウンロードもカートシステムの転用でより便利に運用。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
検索サイトということで、探しやすさ、使いやすさも重視しつつ、イラストベースの明るくポップなデザイン。
検索システムのみならず、チャットシステムも搭載。レスポンシブ・常時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対応。
自然・ナチュラルな色合いを意識し、シンプルで分かりやすい情報設計を意識してデザイン。
商品やコンセプトが伝わりやすいように情報設計。コラムなど情報発信の内容も見やすく整理。CMS構築・レスポンシブ、常時SSL対応。
https://www.fujiwara-naika-clinic.com/
オレンジを基調とした、柔らかな雰囲気とあたたかみのある、親しみやすさを意識したデザイン。
伝えたいメッセージや情報が、きちんと伝わるようにしっかりと情報設計。ロゴデザインも担当し、ブランディングイメージを刷新。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
https://www.d-katsuyama.com/recruit/
コーポレートサイトと配色を合わせ、統一感を持たせながらも、目を引くダイナミックなデザインで制作。
採用に特化した、シンプルながらも、動きのあるメインビジュアルなどでインパクトを持たせたデザインに。レスポンシブ・常時SSL対応。
ダイナミックに画像を配置し、すっきりとシンプルにまとめた中に、清潔感、信頼感を感じさせるデザイン。
画像リンクにエフェクトを利用するなど、動きのある構成に。多岐にわたる業務をわかりやすく紹介できるよう意識して設計。CMS構築・レスポンシブ、常時SSL対応。
採用に特化したLPサイト。本体サイトとは雰囲気を変え、親しみやすく、わかりやすいデザインに。
LPサイトということで、ダイナミックに、情報を簡潔にしっかりと伝わるよう情報を構成。硬くなりすぎず、柔らかく、親しみやすいイメージでデザイン。レスポンシブにも対応。
パープルをメインカラーにし、健康・美を意識し、シンプルでキレイにデザイン。1ページのLP形式。
メインは1枚もののページとしてコンパクトに設計。情報発信はSNSを活用し、LP形式でレイアウト。
ネイビーを基調とし信頼感・重厚感を持たせつつ、シンプルで落ち着いた、信頼感の持てるデザイン。
パネルデザインやバナーで配置し、多岐にわたるコンテンツを分かりやすく簡潔に掲載。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対応。
グレーをを基調としたサイト。その分、ナチュラルで明るいカラーの画像を配置し、無機質になりすぎないようにデザイン。
メインは1枚もののページとしてコンパクトに設計。必要な情報をLP形式でレイアウト。、常時SSL対応
女性らしいキレイなデザインと、優しい色使いで、明るく楽しい、オシャレな雰囲気に。
女性がメインで活躍する雰囲気をデザインで表現。よりリアルに伝わるよう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構築・レスポンシブ・常時SSL対応。
https://www.artceramics.co.jp/
全体的にシンプルに、軽いテイストで作成。見出しなどで色を足し、アートらしさに配慮しながら制作。
どのようなものを作っているのかをしっかり見せるため、実績写真を使用することをメインに構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
https://www.fujiwara-naika-clinic.com/colonoscopy/
大腸カメラに特化したLPサイト。本体サイトと同系色で統一感を出しつつ、LPならではのダイナミックさを掛け合わせたデザイン。
カテゴリごとに情報設計・配置し、見やすく見つけやすい構成に。レスポンシブ、常時SSL対応。
ダイナミックかつスタイリッシュなデザインで、見やすく、わかりやすいサイトにしたいというご要望をもとに制作。
情報量の多さを、シンプルな設計でカバーし、すっきりと見せる構成に。CMS構築・レスポンシブ、常時SSL対応。
https://www.heart-stuff.co.jp/
求人検索サイト。見やすい・探しやすいことを意識し、シンプルにまとめたサイト。
システム構築・デザイン・コーディングまで全て担当。スマホでも見やすいよう、レスポンシブで制作。常時SSL。
白をベースに、新緑のようなグリーンをポイントカラーに使用し、コンテンツ整備で極めてシンプルにデザイン。
余計な装飾はせず、シンプルなデザインにしたいという要望に応えるべく、パーツの配置、余白にもこだわって制作。CMSで構築。常時SSLにも対応。
画像を中心としたシンプルなデザインで、分かりやすい、見つけやすい導線で設計。
物件検索プラグインのカスタマイズ、ロゴデザイン・プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応などトータルにサポート。。
ダイナミックな画像配置で、インパクトがありつつ、落ち着いたデザインで見やすく構成。
シンプルなコーポレートサイトながら写真を大きく配置し、見やすく、わかりやすく、人が見えるコンテンツを心がけて制作。CMS構築・レスポンシブ、常時SSL対応。
濃いグレーと白で、モノトーンをベースに、あまり飾らずシンプルにしたいというご要望で制作。
外枠をシンプルにし、写真が映えるように設計。プロカメラマンによる写真撮影を行い、予約等をすべてネット上で行えるようにCMSで構築。レスポンシブ対応。
http://www.kawasaki-jinzo.net/
川崎医科大学のマークのブルーを基調に、研究職としての信頼感、清潔感をコンセプトにデザインされたサイト。
ターゲットごとに分けたコンテンツで、閲覧しやすい環境を構築。内容がどうしても固くなりがちなため、見る人が抵抗なく読み進めて行けるよう、ちょっとした柔らかさも随所に織り交ぜたデザインに。
赤と緑をテーマカラーに、信頼感と相談しやすさが同居するようにデザインされたサイト。
業務案内を一覧で表示させることで、一目で必要な情報が見え、スムーズな遷移を実現。CMSで構築。
ブラック・ブラウン・ベージュを基調に、シンプルながら奥行きのあるデザイン。
カテゴリごとに情報設計・配置し、見やすく見つけやすい構成に。プロカメラマン撮影・レスポンシブ、常時SSL対応。
明るく・シンプルポップなサイト。
情報量が多いものの、すっきりと情報整理されたサイト。
写真修正がメインなので、修正前と修正後がよくわかるように構成。レスポンシブデザイン対応。常時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対策です。色々な手法がありますが、CODE54では自サイトによる正攻法かつ安全な方法により提供しています。ランクの安定まではSEOの特性上、新規サイトの場合1ヶ月~3ヶ月前後のスパンがかかりますので、急を要される場合はOverture広告への登録をお勧めします。
SEOはただ単に検索順位を上げて来客ユーザーを増やすものですが、お店と同じで気に入ったものがなければ他のお店に行ってしまいます。SEOで来たユーザーを逃さないための見せ方、戦略がいわゆるSEMです。つまり市場のニーズ調査、同業他社の調査などから始まり、ユーザーターゲットのシナリオを考え、それに適したコンテンツやデザイン、見せ方をホームページに組み込んでいきます。それは情報の整理によるセールスポイントの明確化や、事業形態の戦略までをお客さまと協力しながら明確化していきます。
対象がWEBアプリケーション(システム開発)であっても、WEBサイト構築(ホームページデザイン)であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。
CODE54はデザインをイメージするうえで、「情報は、伝わらない。」という発想からスタートします。では、どうやったら伝わるのか?どうすれば見てもらえるのか?コンバージョンさせるためにどうするべきか?という視点からデザインをおこなうことで、「魅力を正確に、美しく伝える」というゴールを目指します。
美しいデザインに固執するだけでは、エンドユーザーにとって使いやすいサイトにはなりえません。情報分類をおこない、ボタン配置や画面遷移を考慮することで、ユーザーにとってすぐれたサイトを提供することができます。CODE54は、「ユーザビリティ」という概念がデザインに不可欠であると考えます。
当サイトに記載されているテキストすべてが、CODE54オリジナル。強烈な印象を与えるキャッチコピーや、統制されたテキストの見せ方で、サイトの印象をガラリと変えることができます。写真撮影も可能ですので、すべてにおいてCODE54プロデュースを心がけています。
お客さまの抱えている問題点、実現したい内容を中心にヒアリングします。制作後のズレをなくすためにお客様と弊社での認識合わせを綿密にさせて頂いております。
ヒアリングさせて頂いた内容をもとに、マーケティング調査、企画、ブランディング、サイトマップ制作を行い、お見積りと一緒に提出させて頂きます。
実際のデザインを行います。色はどうするか、配置はどうするのか、ユーザビリティを常に考えながら最善のデザインを企画し制作していきます。
完成したデザイン案をもとに、要望事項などを頂き、修正します。ここで確定した外観デザインが内部構造や下層ページに影響しますので大事なフローとなります。
大枠の部分から仮コーディングを行い全体の内部の骨格づくりやコンテンツ配置なども行います。
途中経過をお知らせし、お客様との認識を確認します。修正依頼がある場合はその対応を行います。
内部コーディングや各ページのテキスト挿入、調整、配置などの実作業を進行していきます。
本番のサーバーにアップします。動作チェックを入念に行い、漏れなどがあれば修正を行います。