対象がWEBアプリケーション(システム開発)であっても、WEBサイト構築(ホームページデザイン)であっても、「機能的にすぐれ、美しい印象を与えるプロダクト」を提供することがCODE54の使命だと考えます。それこそが、新たな感動とムーブメントを起こしうると考えているからです。
魅力を正確に、美しく伝えることがWebサイトの役目であると考えます。
CMSの選定・構築からレスポンシブウェブデザイン(RWD)など、スマホやタブレットまで幅広く対応可能です。
検索サイトということで、探しやすさ、使いやすさも重視しつつ、イラストベースの明るくポップなデザイン。
検索システムのみならず、チャットシステムも搭載。レスポンシブ・常時SSL対応。
https://www.dr-navip.jp/recruit/
「病院・介護ナビ」をベースとしつつ、画像と落ち着いた色合いで、信頼感が持てるデザインに。
検索システムのみならず、チャットシステムも搭載。レスポンシブ・常時SSL対応。
重くなりすぎなず、すっきりとしたデザインとスタイリッシュな構成で、落ち着きと信頼感が持てるデザイン。
シンプルな構成で見やすさ、わかりやすさを重視して制作。レスポンシブ・常時SSL対応。
https://www.okayama-junshinkai.co.jp/
ピンクをベースに、やさしい色合いとシンプルな構成で、親しみやすさと信頼感が持てるデザイン。
広く展開している事業がシンプルかつ分かりやすく伝わるように情報設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
法人本体としての入り口的機能をもったサイト。法人情報、採用情報など共通するものをまとめて掲載。
採用情報の特設サイトも含んだサイトのため働いている人物を中心に写真を多めに配置。アクセシビリティに配慮した設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
https://okayama-gmc.or.jp/shimin/
青を基調にパネル型バナーを使用し、患者さまの使いやすさを徹底。必要な情報にたどり着きやすいように設計。
関連サイトの中で1番ページ数が多い中、情報を整理し写真と組み合わせて導線を設計。アクセシビリティに配慮した設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
https://okayama-gmc.or.jp/senoo/
緑を基調にパネル型バナーを使用し、患者さまの使いやすさを徹底。必要な情報にたどり着きやすいように設計。
関連サイトと統一感を持たせつつ、混同しないようにコンテンツを設計。アクセシビリティに配慮した設計。プロカメラマン撮影・CMS構築・レスポンシブ、常時SSL対応。
https://www.okayama-med.jrc.or.jp/maternity/
ピンク・ベージュを主体とした優しい色合いで、柔らかく、温かみや安心感の感じられるデザインに。
受診しやすい雰囲気づくりと、伝えたい情報やメッセージがきちんと届くよう構築。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
https://www.d-katsuyama.com/recruit/
コーポレートサイトと配色を合わせ、統一感を持たせながらも、目を引くダイナミックなデザインで制作。
採用に特化した、シンプルながらも、動きのあるメインビジュアルなどでインパクトを持たせたデザインに。レスポンシブ・常時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.shigei-kougyo.com/
黒をベースに、重厚感を意識しつつも、重苦しくなりすぎない、シンプルでベーシックなデザイン。
画像をダイナミックに配置し、オンマウスのエフェクトで動きを付けて制作。ロゴデザインも担当し、ブランディングイメージを刷新。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
ダイナミックに画像を配置し、すっきりとシンプルにまとめた中に、清潔感、信頼感を感じさせるデザイン。
画像リンクにエフェクトを利用するなど、動きのある構成に。多岐にわたる業務をわかりやすく紹介できるよう意識して設計。CMS構築・レスポンシブ、常時SSL対応。
http://www.ybeec.com/recruit/index.html
採用に特化したLPサイト。本体サイトとは雰囲気を変え、親しみやすく、わかりやすいデザインに。
LPサイトということで、ダイナミックに、情報を簡潔にしっかりと伝わるよう情報を構成。硬くなりすぎず、柔らかく、親しみやすいイメージでデザイン。レスポンシブにも対応。
パープルをメインカラーにし、健康・美を意識し、シンプルでキレイにデザイン。1ページのLP形式。
メインは1枚もののページとしてコンパクトに設計。情報発信はSNSを活用し、LP形式でレイアウト。
外国のサイトということで、配色や構成など、国内サイトとは異なる感性を意識してデザイン。
パネル風デザインを採用し、マレーシア現地の方の嗜好を踏まえてカラーリング。CMS構築、カートシステム、レスポンシブ、常時SSL対応。
https://www.unoport-hotel.com/
リゾート感・高級感を意識し、それでいて利用しやすいカジュアルさも加えてデザインされたサイト。
予約までの導線がシンプルに、泊まりたくなる魅力あふれるコンテンツ設計を意識。プロカメラマンの写真撮影も。CMS構築・レスポンシブ、常時SSL対応。宿泊予約システムも搭載。
幅広い部門が一目で分かり、ごちゃごちゃしないように、シンプルなバナーやパネルをメインに使ってデザイン。
見やすく、わかりやすく、シンプルでさわやかなサイト。たくさんの部門が一目でわかり、1クリックで遷移できる導線に。CMS構築・レスポンシブ、常時SSL対応。
学園全体を紹介するために、シンプル・ベーシックな構成ながらダイナミックな配置で見やすく制作。
コンテンツが多いものの、シンプルに見やすく構成。CMS構築・レスポンシブ、常時SSL対応。
https://www.eisu-ejs.ac.jp/elementary/
グリーンを基調とし、写真を多く配置することで、学校生活や学びの様子が伝わるようにデザインし、制作。
コンテンツが多いものの、シンプルに見やすく構成。CMS構築・レスポンシブ、常時SSL対応。
https://www.eisu-ejs.ac.jp/juniorhigh/
レッドを基調とし、学内での写真を多種多様に配置し、学校生活がより伝わるようデザインされたサイト。
コンテンツが多いものの、シンプルに見やすく構成。CMS構築・レスポンシブ、常時SSL対応。
https://www.eisu-ejs.ac.jp/high/
ネイビーを基調とし、落ち着いた雰囲気で制作。写真を多く配置し、学校生活や学内の様子を紹介。
コンテンツが多いものの、シンプルに見やすく構成。CMS構築・レスポンシブ、常時SSL対応。
グレーをを基調としたサイト。その分、ナチュラルで明るいカラーの画像を配置し、無機質になりすぎないようにデザイン。
メインは1枚もののページとしてコンパクトに設計。必要な情報をLP形式でレイアウト。
女性らしいキレイなデザインと、優しい色使いで、明るく楽しい、オシャレな雰囲気に。
女性がメインで活躍する雰囲気をデザインで表現。よりリアルに伝わるようYouTube動画も撮影し掲載。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
シンプル・ダイナミックなデザイン。大きなメインビジュアルで、商品をしっかり見せるレイアウト。
商品をきちんと見せ、良さをしっかりとアピールできるよう設計。プロカメラマンによる写真を多用して、シンプルながらも伝わりやすい構成に。レスポンシブ、常時SSL対応。
シンプルで、上品なデザイン。見やすさを重視した設計。大きなメインビジュアルでインパクトを。
複数ある店舗をトップページで一覧として配置。笑顔のスタッフを中心に使用することで、親しみやすさも。プロカメラマンの写真撮影、CMSで構築。レスポンシブ、常時SSL対応。
1ページに全てまとめ、構成を最小限に抑えつつ、企業としてのサービス内容や信頼感をアピールできるサイト。
以前作ったものをリニューアル。1枚もののページとしてコンパクトに設計し、見やすく、わかりやすいよう必要な情報をLP形式でレイアウト。
優しい色合いかつ、自然なカラフルさを意識して作成。親しみやすさ、必要な情報の探しやすさを意識して制作。
事業数・施設数が多く、掲載する情報も多かったため、情報を小分けに整理して設計。プロカメラマンの写真撮影も。CMSで構築し・レスポンシブ、常時SSL対応。
明るく、元気なイメージと、ポップなテイストで作成。カラフルでもまとまりがあるよう意識して制作。
TOPだけでもすべての事業内容・アピールポイントを見せ、そこからの遷移のしやすさに重点を置いて設計。プロカメラマンの写真撮影も。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。
http://www.fujita-hospital.jp/
すっきりと綺麗にまとめて、堅苦しくないけれど、信頼感が持てるようデザインされたサイト。
コンテンツが多いので、いかに見やすく、遷移しやすくするかの情報設計に力を入れて制作。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
http://www.kunitomi-clinic.jp/
ブラウン・ベージュ・グリーンをベースカラーに、ナチュラルでシンプルにデザインされたサイト。
病院サイトということで、信頼感・親しみやすさ・優しさ・清潔感がしっかりと感じられるようにデザインし、構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。
個性的な「ふすま」を紹介するサイト。和モダンで明るくシンプルな雰囲気でデザインしたサイト。
製品の画像を多く使い、シンプルかつダイナミックに配置し、制作。CMS構築・レスポンシブにも対応。
http://www.tamashima-ch.or.jp/
シンプル・ダイナミック・わかりやすくをテーマに、パネル型でデザインされたサイト。
TOPはパネルデザインで、ブラウザいっぱいに広がるように構築。下層は固定サイズで見やすく制作。
青をベースに、シンプルさの中に少しポップな印象を織り込み、見やすく親しみやすいデザインされたサイト。
シンプルなデザインで、分かりやすい情報設計。社内の雰囲気がよくわかるよう、プロカメラマンが撮影した写真を随所に使用。レスポンシブデザインにも対応。
https://www.nikken-vector.com/
シンプルに、すっきりとしたデザインで、きちんと情報設計し、見やすく、わかりやすいサイト。
業務内容・実績が見やすく整然と並んでいるイメージで制作。利用しやすいように細部にわたって情報設計を。CMS構築・レスポンシブにも対応。常時SSL対応。
http://www.tamano-drivingschool.jp/
カラフルでポップに、学生や若い人が親しみをもって、楽しく閲覧できるようデザイン。
明るくポップなデザインながら、ごちゃごちゃせず、スッキリと見えるよう情報整理。CMSで構築し、レスポンシブデザインにも対応。
https://www.okayama-med.jrc.or.jp/
シンプル・爽やかをベースに日赤カラーの赤を使用。「見やすく整理されたサイト」というコンセプトで制作。
130ページを超える大規模サイトのため、最初の情報整理、情報配置に注力し、極力浅い階層で、目的の情報にたどり着けるように配慮。CMS構築・レスポンシブにも対応。常時SSL。
https://www.five-junction.com/
1枚の画像で、コーディングでは実現しにくい、オシャレでダイナミックなデザインに。
最低限の情報を掲載した1枚ものの紹介サイト。ビルの全体図と入っているテナントなどをシンプルに掲載。写真はプロカメラマンによる夜間撮影により、よりムードのある写真に。常時SSL対応。
柔らかいグリーンと、白を基調に、シンプルすぎず、親しみやすさを感じられるようデザイン。
明るく、シンプルで清潔感のあるサイト。社内の雰囲気がよくわかるよう情報設計し、プロカメラマンの写真撮影も。CMSで構築し、レスポンシブデザインにも対応。
オレンジと黒をベースに、シンプルに、パネルやバナーで少しカッチリしたイメージでデザインされたサイト。
製造業で機械を扱う会社ということで、商品画像を多く掲載するため、メタリックな色合いが映えるよう構成・デザイン。CMS構築・レスポンシブにも対応。常時SSL
清潔・信頼・優しさをコンセプトに、ブルーでスッキリとまとめてデザインされたサイト。
診療科・部門・関連施設が多い大病院のため、見やすくたどり着きやすいよう情報をきちんと整理。CMSで構築。
https://www.okayama-rojinhome.com/
柔らかな色合いで、信頼感・親しみやすさ・相談のしやすさを意識してデザインされたサイト。
コンテンツも多くないので、シンプルでベーシック、わかりやすさを意識して設計。CMS構築・レスポンシブ、常時SSL対応。
青を基調として、イベント予定がトップページで確認でき、ユーザーが参加してみたくなる雰囲気のサイト
必要な情報の整理、イベントの予定→申し込み→活動報告というプロセスが一目で確認できLPOにも配慮したサイト構成。撮影からコンテンツ作成までをプロデュース。レスポンシブ、常時SSL対応。
https://www.artceramics.co.jp/
全体的にシンプルに、軽いテイストで作成。見出しなどで色を足し、アートらしさに配慮しながら制作。
どのようなものを作っているのかをしっかり見せるため、実績写真を使用することをメインに構成。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
究極のモノクロスタイリッシュがコンセプト。施工実績などの写真を生かすために装飾を最小限にしたデザイン。
施工実績がポイントのため、情報設計からシンプルな構成に。多くの施工実績を少ないクリックで閲覧できるよう大胆にトップに配置。CMSで構築。
シンプル・ダイナミックに、そしてほんの少しの色気を、というイメージでデザインされたサイト。
TOPはダイナミックに、フラメンコの情熱や躍動感が伝わるよう、大きめの画像を多用。レッスン内容やスタジオ内の雰囲気がしっかり伝わるよう構成。CMS構築・レスポンシブにも対応。
https://www.heart-stuff.co.jp/
求人検索サイト。見やすい・探しやすいことを意識し、シンプルにまとめたサイト。
システム構築・デザイン・コーディングまで全て担当。スマホでも見やすいよう、レスポンシブで制作。常時SSL。
白をベースに、新緑のようなグリーンをポイントカラーに使用し、コンテンツ整備で極めてシンプルにデザイン。
余計な装飾はせず、シンプルなデザインにしたいという要望に応えるべく、パーツの配置、余白にもこだわって制作。CMSで構築。常時SSLにも対応。
ネイビーを中心とし、グラデーションやシャドウで奥行きのあるデザインで、信頼感を前面に出したサイト。
多彩な業務でコンテンツが多くなりつつも、必要な情報にすぐたどり着けるよう情報設計。CMSで構築。レスポンシブ対応。
ロゴカラーの紺をベースに、ペットショップがもつ、かわいく、温かみのあるイメージをもたせたデザイン。
ペットショップらしさを表す犬の足跡を随所に加えたり、テクスチャを用いて、温かみをもたせたり、細部のデザインも徹底して制作。現地で更新ができるようCMSで構築。
濃いグレーと白で、モノトーンをベースに、あまり飾らずシンプルにしたいというご要望で制作。
外枠をシンプルにし、写真が映えるように設計。プロカメラマンによる写真撮影を行い、予約等をすべてネット上で行えるようにCMSで構築。レスポンシブ対応。
http://www.kawasaki-jinzo.net/
川崎医科大学のマークのブルーを基調に、研究職としての信頼感、清潔感をコンセプトにデザインされたサイト。
ターゲットごとに分けたコンテンツで、閲覧しやすい環境を構築。内容がどうしても固くなりがちなため、見る人が抵抗なく読み進めて行けるよう、ちょっとした柔らかさも随所に織り交ぜたデザインに。
赤と緑をテーマカラーに、信頼感と相談しやすさが同居するようにデザインされたサイト。
業務案内を一覧で表示させることで、一目で必要な情報が見え、スムーズな遷移を実現。CMSで構築。
ダイナミックな画像配置で、インパクトがありつつ、落ち着いたデザインで見やすく構成。
シンプルなコーポレートサイトながら写真を大きく配置し、見やすく、わかりやすく、人が見えるコンテンツを心がけて制作。CMS構築・レスポンシブ、常時SSL対応。
明るく・シンプルポップなサイト。
情報量が多いものの、すっきりと情報整理されたサイト。
写真修正がメインなので、修正前と修正後がよくわかるように構成。レスポンシブデザイン対応。常時SSLにも対応。
優しさ、清潔感、安心感をコンセプトに、ピンクを中心とした優しい色合いでデザイン。
病院だけでなく、介護施設等幅広く運営されているので、情報整理に力を入れました。欲しい情報にすぐ移動できるよう制作。CMSで構築。
http://www.kawasaki-keisei.net/
清潔感、信頼感、希望にあふれる雰囲気を出すため、明るさ・色彩に趣を置いたサイト。
研修医募集の案内をメインにするため、入局案内などを図を用いてわかりやすく配置。トップページからバナーリンクで視覚的に1クリックで目的の情報に到達できるよう制作。
http://www.tsuchinoko-net.com/
シンプルでさわやかなデザインで、優しさと安心をコンセプトに制作したサイト。
最低限の情報のみを掲載し、見やすく、分かりやすい1ページものの構成。Facebookページとも連動し保育園の状況が把握しやすいように制作。プロカメラマンの写真撮影・レスポンシブ対応。
信頼感・清潔感・親しみやすさを中心とし、グリーンを基調とする優しい色合いでデザインされたサイト。
診察時間や受付時間、休診など、患者さんが見たい情報が一目でわかるような情報設計。CMSで構築。
http://www.shigeyamagumi-archi.com/
「大人のビジネスクラス住宅」をコンセプトに、ブラック・ゴールドを主体とし、高級感を意識したデザイン。
既存のデザインではなく、雑誌やカタログのような風合いを意識し、情報を配置。レスポンシブ対応。
様々なコンテンツを"エキスポ(博覧会)"的な見せ方で、楽しく、興味深く閲覧できるサイト。
FM岡山ラジオ番組とのタイアップ企画。ボタンをCDディスクの形で配置し、Flashでは写真を動的なアルバムとして表現。訪れたユーザーが楽しめるような”遊び心”を前面に出しシンプルかつ広がり感が出るように設計。常時SSLにも対応。
https://www.tiger-machine.com/
大きめのメインビジュアルでインパクトを持たせながらも、全体の雰囲気が重苦しくならないよう制作。
基本的なコーポレートサイトとして情報設計を行い、見やすさ、遷移のしやすさを意識して設計。プロカメラマンの写真撮影も。CMS構築・レスポンシブにも対応。常時SSL。
http://souzoku.yoshiizaimu.co.jp/
シンプルで、少し渋めの色合いでカッチリ・長く続いている企業としての信頼感や重厚感を意識してデザイン。
メインのコンテンツをメインに、情報設計をしっかりして、シンプルな構成に。CMS構築・レスポンシブにも対応。
グリーンと和をテーマに、キレイで和モダンなテイストでまとめ、デザインされたサイト。
1ページで完結した、シンプルな構成のサイト。外観・料理はプロカメラマンの撮影したものを使用。常時SSL対応。
車屋っぽくないスタイリッシュなデザインというコンセプトのもとに制作されたサイト。
タブレットやスマホでの閲覧を考慮したタッチパネル風のバナーボタンをパネル的にレイアウト。お客様の声には、実際に購入されたお客さまを写真つきで紹介。常時SSL対応。
シンプルなデザインで、タッチパネルのように直感的に情報にたどり着けるよう設計。
建築・不動産の紹介が中心で実績紹介にはカテゴリが多いため、いかに見やすく情報を整理するかにポイントを置いて設計。CMSで構築。レスポンシブ、常時SSL対応。
TOPページである程度業務内容が分かり、極力シンプルな構成でデザインされたサイト。
シンプルなコーポレートサイトながら、しっかりコンテンツを見せられるように情報配置。CMSで構築。
メインカラーのピンクを基調とした柔らかいデザインのサイト。「複合施設の魅力が伝わるように」というご要望で制作。
複合施設のさまざまな情報を整理し見やすく配置。ブログもオリジナルで設置。写真素材はプロカメラマンと連携しての掲載でサイトを効果的に演出。
https://www.meikohdenki.co.jp/
ベーシックなデザインながら、メインビジュアルをダイナミックに配置し、インパクトのあるサイトに。
見やすく、わかりやすく、シンプルなコーポレートサイト。採用強化のため人物写真を重視。プロカメラマンの写真撮影・CMS構築・レスポンシブ、常時SSL対応。
青をメインカラーに、シンプルでベーシックながらも、スタイリッシュで見やすいデザインのサイト。
あまり装飾せず、ムダをそぎ落としながらシンプルに構成。プロカメラマンの写真撮影・CMS構築・レスポンシブ・常時SSL。
http://www.kobayashi-law-office.jp/
シンプル・シック・高級感、というコンセプトでデザインされたサイト。かっちりとしたデザインながら、固くなりすぎないように制作。
TOPである程度情報が分かるように情報整理・配置。お客さま側でブログを更新したいということで、新着情報に、ブログの新着も掲載。
検索エンジンから訪れるユーザーの方のために、検索順位アップの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プロデュースを心がけています。
お客さまの抱えている問題点、実現したい内容を中心にヒアリングします。制作後のズレをなくすためにお客様と弊社での認識合わせを綿密にさせて頂いております。
ヒアリングさせて頂いた内容をもとに、マーケティング調査、企画、ブランディング、サイトマップ制作を行い、お見積りと一緒に提出させて頂きます。
実際のデザインを行います。色はどうするか、配置はどうするのか、ユーザビリティを常に考えながら最善のデザインを企画し制作していきます。
完成したデザイン案をもとに、要望事項などを頂き、修正します。ここで確定した外観デザインが内部構造や下層ページに影響しますので大事なフローとなります。
大枠の部分から仮コーディングを行い全体の内部の骨格づくりやコンテンツ配置なども行います。
途中経過をお知らせし、お客様との認識を確認します。修正依頼がある場合はその対応を行います。
内部コーディングや各ページのテキスト挿入、調整、配置などの実作業を進行していきます。
本番のサーバーにアップします。動作チェックを入念に行い、漏れなどがあれば修正を行います。