全てのユーザーにとって、美しいWEBサイトを。

魅力を正確に、美しく伝えることがWEBサイトの役目であると考えます。
SEO・SEMも意識したトータルプロデュースで、ユーザーのための、すぐれたサイト構築を目指します。

ホームページ・サイト構築の過去実績

CSS Nite in OKAYAMA

https://cssnite-okayama.jp/

CSS Nite in OKAYAMA

コンセプト

「岡山っぽさ」を前面に押し出して制作。岡山名産の桃をあちらこちらに配置したデザイン。

ポイント

デザインはポップに、だけど内容は真面目に見やすく、という形で制作しました。最新情報などの配信が一目でわかるよう、SNSの 埋め込みや、画像の配置などこだわりました。常時SSL対応。

グループホーム 福寿万記の里

http://www.fukujumaki.com/

グループホーム 福寿万記の里

コンセプト

グリーン・オレンジをベースに、落ち着いた雰囲気と、自然に溶け込んだ施設をイメージしてデザイン。

ポイント

基本的な構造で、必要な情報をわかりやすく配置。施設内の雰囲気がわかりやすく、お問い合わせにつながりやすいよう構成。

メディセル倶楽部

http://www.medicellclub.com/

メディセル倶楽部

コンセプト

爽やかなグリーンを基調とした会員向け型ポータルサイト。コンテンツの増加も見込んだ第二階層型のサイト。

ポイント

会員のみ閲覧ページにはCMSの機能を用いてページ認証をかけ、会員のみがログインしてコンテンツの閲覧が可能。会員向けの雑誌をWebで発信するために作られたサイト。

マネジメントウェル

http://www.m-well.jp/

マネジメントウェル

コンセプト

明るくさわやかに、かつ情報が見やすいよう、シンプルで目に優しい色合いでデザイン。

ポイント

新着情報を物件カテゴリごとに分岐させ、お客様が更新しやすいよう配慮した設計です。CMSで構築しています。

スポーツ障害.com

http://www.s-shougai.com/

ヴィラ ピオーネ

コンセプト

健康をテーマに扱うサイトのため、空と健康をモチーフにした水色をベースに、泥臭くないスッキリさを演出。

ポイント

以前は紙面で発行していた新聞情報をWeb用としてリメイク。文字が多くなるため、白ベースの背景とグレーのフォントを用いて読みやすさを重視。CMSと独自プラグインで構築。

倉敷市生活自立相談支援センター

http://www.js-kurashiki.jp/

ヴィラ ピオーネ

コンセプト

明るい青空を背景に、相談者の気持ちが少しでも晴れやかになるようにデザイン。

ポイント

必要最低限の情報をわかりやすく伝えるということで、ランディングページ形式を採用。団体説明から、アクセス、お問い合わせまでが1ページで完結するように設計。

奥軽井沢 やさしい森の水

http://www.ybeec.com/tsuuhan/

ヴィラ ピオーネ

コンセプト

奥軽井沢の大自然をダイナミックに用いて飲料水の商品が最大限にPRできるようにデザイン。

ポイント

大自然をモチーフにした商品ということで、画像を効果的に用いたランディングページ形式を採用。各、ショッピングサイトへの導線も確保。実際の商品はプロカメラマンにより撮影。

シリウスリレーションズ

http://www.sirius-relations.co.jp/

シリウスリレーションズ

コンセプト

ワインレッドをベースカラーに、信頼感・高級感を意識し、頼りたくなるサイトを目指して制作。

ポイント

コンサルティング業務ということで、シンプルかつ信頼でき、わかりやすい情報整理を心掛けたサイト。CMSで構築。

ソレッラ - ソレッラ

http://www.sorella-sorella.jp/

ソレッラ - ソレッラ

コンセプト

必要最低限のコンテンツと季節の商品情報をエレガントをテーマにすっきりと配置したサイト。

ポイント

高級な洋服を扱うセレクトショップなので、お店の雰囲気をそのままに、カタログを見ているかのように商品を配置したギャラリー的サイト。

桜梅桃里

http://oubaitouri.net/

桜梅桃里

コンセプト

青い空をメインビジュアルに、明るさを示すオレンジで信頼感と清潔感を感じられるようデザインされたサイト。

ポイント

複数の施設を紹介するために、トップページ上部に直に遷移できるバナーを設置し、空き室情報をダイレクトに入手できるよう設計。

めやす箱

http://www.meyasubako.jp/

めやす箱

コンセプト

ポップな緑をベースに施設の元気さ、楽しさをわかりやすくきれいに表現したサイト。

ポイント

トップページで各施設の一覧が確認でき、最大限に見やすさ、使いやすさを考慮して設計。CMSにて、お客様側で更新が可能。

ケアタクシーさいくる

http://saikuru-taxi.com/

ケアタクシーさいくる

コンセプト

介護福祉の事業を提供する代表者の優しさ、明るさ、心意気を前面に打ち出したデザインのサイト。

ポイント

Web予約とCMSのカスタマイズにより、予約カレンダーも確認できるサイト。ポップなイラストや、わかりやすい写真を多用し、初めて見た方にも親しみをもって頂けるように設計。

ヤマダビーコミュニケーションズ

http://www.ybeec.com/

株式会社ヤマダビーコミュニケーションズ

コンセプト

コーポレートカラーの緑を基調に、企業サイトとしてかっちりしつつ柔らかい雰囲気も演出。

ポイント

シンプルで見やすく、わかりやすく、社内での丁寧な仕事ぶりが伝わるような構成を、ということを念頭に制作。
プロのカメラマンによる写真撮影を行い、その写真を使用。

イズユース

http://www.isuse.jp/

株式会社イズユース

コンセプト

オレンジのポップ感とスタイリッシュさを融合。必要な情報をトップページに集約したサイト。

ポイント

新着情報はFacebookページを利用し、難しいシステムなどを使わず、お客様の方からいつでも簡単に更新でき、また閲覧者がSNSからも来ることによって、広く周知されるよう促す設計。

茂山組グループ

http://www.shigeyamagumi-gp.com/

茂山組グループ

コンセプト

幅広く事業展開する会社の、グループ会社HPをまとめて掲載したサイト。

ポイント

TOPページは各グループ会社へのバナーを配置するだけなので、マスコットキャラクターやスライダーをダイナミックに配置し、インパクト大の構成に。

ADAMASエンタープライズ

http://www.adamas-enter.co.jp/

ADAMASエンタープライズ

コンセプト

白地の背景にダイナミックな空を組み合わせてシンプルにデザインされた王道コーポレートサイト。

ポイント

新規の立ち上げということで、現地での撮影も含めてサイト設計からCMSの組み込みまでトータルでプロデュース。取引先への信頼感、ブランドのアピールに的を絞ったサイト

美輪産業

http://www.miwasangyo.net/

美輪産業

コンセプト

ページ構成を最小限のものに抑えつつも企業としてのサービス内容や信頼感をアピールできるサイト

ポイント

「水」に関わる業務のため、ブルーを主体にデザイン。徹底的に情報を整理し、見やすくコンパクトにまとめています。

レザークラフト・ドット・ジェーピー

http://www.leathercraft.jp/

レザークラフト・ドット・ジェーピー

コンセプト

管理者・購入者が双方ともスムーズに利用でき、ショッピングサイトらしい賑やかさを兼ね備えたサイト。

ポイント

膨大な商品量をお客様自身で管理できるシステム、購入者が迷子にならないような使いやすいデザインまでをトータルでプロデュース。

ひこうせん

http://www.npo-hikousen.com/

ひこうせん

コンセプト

CMSを用いたブログ型サイト。
ブログベースなので、ユーザー側で簡単に更新することができるサイト

ポイント

ブログ型のためデザインなどに多少の制約があるものの、その中でも最大限に見やすさ、使いやすさを考慮して設計。各ページのコンテンツについても更新が可能。

横山歯科クリニック

http://www.yokoyamashika.com/

横山歯科クリニック

コンセプト

イラストをメインにした、淡い緑を基調とし、やわらかみのあるやさしい配色のサイト

ポイント
安価なインプラント治療を幅広くアピールできるように連絡先などを配置。寄せられたご感想の紹介など信頼感のアピールも。ホームページ上で使用されている写真の撮影などもトータルでプロデュース。
岡山WEBクリエイターズ

https://www.okaweb.jp/

岡山WEBクリエイターズ

コンセプト

定期的に開催されるセミナーの告知・報告がスムーズにでき、過去のセミナーがスムーズに閲覧できるサイト。

ポイント

チラシの掲載や講師の紹介など、1つ1つの記事の情報量が多いサイトだが、見やすく、かつ管理しやすいように設計。レスポンシブにも対応。常時SSL。

岡山県青年司法書士協議会

http://www.oka-seishikyo.com/

岡山県青年司法書士協議会

コンセプト

司法書士をもっと身近に、というコンセプトで、やわらかいグリーンと、信頼感のブルーを基調にデザイン。

ポイント

お客様側で全ての更新作業を行いたいということで、CMSで構築。更新しやすいよう、ごくごくシンプルに、複雑な構造にはしないよう制作。

Nizo-Low

http://www.nizo-low.com/

Nizo-Low

コンセプト

黒・グレー主体でシンプル・クールにデザイン。TOPのメインにはgifアニメで動きを付けました。

ポイント

カーカスタマイズサイトということで、ユーザーさんが工場の予定表を事前に閲覧でき、待ち時間が少ないように設計。ブログ、SNSが主体の情報発信のペースとなるサイト。

nanacafe

http://www.nanacafe.jp/

nanacafe

コンセプト

開催期間がトップページで確認でき、余白を最大限に生かしたシンプルでポップなサイト

ポイント

ラフスケッチをもとにデザインを起こし、カメラマンやライターの方々からの素材を連携し、協力しながら制作。店舗は和風ではあるが、古い和風ではなく新しい世代を取り込むためのポップな和風になるように配慮。

岡山県酒造組合

http://www.okasake.com/

コンセプト

可愛いイラストとポップなデザインで、岡山のお酒がぐっと身近に感じられるようデザインされたサイト

ポイント

お酒のラベルを一覧表示し、クリックするとそれぞれの蔵元を紹介するページに飛べるよう設計。それ以外にもお酒に関する様々な情報を分かりやすく配置し、楽しみながら閲覧できるようにユーザーの導線を考慮。

ジェネシスエージェンシー

http://www.genesis-agency.net/

ジェネシスエージェンシー

コンセプト

コーポレートカラーのグリーンとグレーを基調とした、シンプルで伝わりやすいをコンセプトにデザイン。

ポイント

コンテンツをシンプルな情報構成とすることで、するすると読み進められ、ページも遷移できるように制作。あまり固くなりすぎず、信頼感とフレキシブル感を表現したサイト。

岡山労働衛生センター

http://www.olsa.or.jp/eisei/

岡山労働衛生センター

コンセプト

グリーンを基調に、清潔さ、信頼感を前面に出したデザインで、わかりやすいサイト

ポイント

最低限のコンテンツで必要な情報にすぐたどり着けるよう設計。
テキストが中心で、コンパクトに制作。

森エージェンシー

http://www.mori-agency.com/

森エージェンシー

コンセプト

ブルーを基調とし取扱商品をわかりやすく配置。代表者の人柄を表現できるように写真撮影も担当。

ポイント

新着情報をトップページにわかりやすく配置。商品についてはバナーリンクエリアを設置しはじめて見たやーざーもわかりやすいように導線を考慮。

スペインウェディング

http://www.spain-wedding.jp/

スペインウエディング

コンセプト

リゾートウェディングを思い浮かべるように、オシャレ・シンプルながら西欧の高級感漂う雰囲気でデザイン。

ポイント

スペインでの海外挙式・ハネムーンを専門に扱うウエディングサイト。異国の美しさや結婚式というきらびやかなイメージを、情熱の国スペインのイメージカラーである赤と調和させ制作。

SOLAR PV MOUNT SYSTEM

http://www.solarpv-ms.com/

SOLAR PV MOUNT SYSTEM.COM

コンセプト

弊社で制作したサイトの英語版。
翻訳はお客様で行い、サイトを丸ごと英語化し、グローバルに対応。

ポイント

海外にも進出するグローバルな会社さまということで、英語サイトが必要に。既存の日本語サイトを英語化し英語でも日本語と変わらない見やすさを意識して制作。

サンテク

http://www.santec.co.jp/

サンテク

コンセプト

青と白のカラーで統一感をもたせつつ、一つ一つの色分けのアクセントで、情報が見やすいよう制作。

ポイント

コーポレートサイトとして、様々なサービスがわかりやすいように情報を整理し、すっきりとした印象をもたせるように制作。その中にも、サービス内容の充実さが出るように、バナー・画像にも配慮。

Nizo-Lowショップサイト

https://www.nizo-low.com/shop/

ニッカリ

コンセプト

カーパーツ・オフィシャルグッズのショップサイト。メインサイトのデザインを踏襲しつつ、シンプルにデザイン。

ポイント

買い物しやすいよう、シンプルなパネルデザインで、商品を陳列しているようなデザインに。CMS+ウェルカートシステムで構築。

山陽ガーデン

http://www.sanyo-garden.com/

花と緑の山陽ガーデン

コンセプト

花屋なので、新緑を思わせるグリーンを基調に、ベージュ、ブラウンを使い、シンプルナチュラルにデザイン。

ポイント

TOPページのみですべての情報を掲載し、お問い合わせフォームまで実装。1ページにギュッと情報をまとめて、遷移等が必要ないように設計。

東洋リース

http://www.tyl.jp/

東洋リース

コンセプト

青を基調としたデザインと各営業所への連絡先がわかりやすいユーザビリティサイト

ポイント

量の多い情報コンテンツの整理、各営業所の連絡先表示、問い合わせのしやすさなど、配置も含めて設計。複数の営業所などでサービスされているかた向けのナビゲーション配置。

アイ・コン

http://www.icon-co.jp/

アイ・コン

コンセプト

コーポレートカラーのブルーと調和するグレーをベースにデザインされた製品紹介サイト。

ポイント

製品ソフトの紹介に重点を置いたコーポレートサイト。主力製品には左メニューのサブトップページを配置し、どの製品に属するページなのかをわかりやすく設計。

蔵吉

http://www.kurakichi.net/

蔵吉

コンセプト

ブランド品などを買い取るということで、少し高級感を出しつつ、親しみやすさも同居させたデザイン。

ポイント

多くのコンテンツをいかに整理して遷移しやすくまとめるかに重点を置いて設計。

川本

http://www.kk-kawamoto.com/

株式会社川本

コンセプト

「水と緑のコーディネーター」がコンセプト。「ブルーとグリーン」を中心にデザインされたサイト。

ポイント

水の透明感や、揺れをイメージし、キレイですっきりとしたデザイン。また、幅広い業務をわかりやすく整理・配置して制作。

岡山学芸館高校・楠桜会

http://www.nanoukai.com/

楠桜会

コンセプト

どこか懐かしさを感じられるよう、セピア調を意識した色合いでデザインされたサイト。

ポイント

同窓会のサイトということで、卒業生や恩師の紹介など、定期的に更新するコンテンツが複数あるので、なるべくシンプルに設計。

コロコロイングリッシュ

https://www.collocollo.jp/

コロコロイングリッシュ

コンセプト

英語学習システムの紹介サイト。紹介内容の大半をTOPページで掲載し、縦に長いコンテンツとなっている。

ポイント

システムがいかにわかりやすく伝わるかを意識し、シンプルにデザイン。TOPページに内容を集約しているので縦に長くなっているが、いかにそれを見やすくするかを意識して設計。常時SSL対応。

よつばのクローバー

http://www.ansin-life.jp/

よつばのクローバー

コンセプト

児童福祉サービスということで、安心感の緑と、シンプルでさわやかなイメージでデザインされたサイト。

ポイント

画像やテキストを少し大きめに配置。ランディングページ的に、1ページで完結するシンプルな設計。

むくみケア.com

http://www.mukumicare.com/

むくみケア.com

コンセプト

美容を表現するため、淡いベージュを背景ベースとし、見出しなどが引き立つようパステル系の色でデザイン。

ポイント

Web上で特集やむくみケアの方法を案内していけるよう設計。複数サイトで表示するサロン検索では、管理者が一括で管理できるようWebシステムも開発。CMSと独自プラグインで構築。

アルスタイル

http://www.alstyle.jp/

アルスタイル

コンセプト

グループサイトということで、関連会社の説明に特化し、必要最小限のコンテンツをシンプルに配置したサイト。

ポイント

極力無駄を省き、ファーストビューで全体がほぼ見えるよう情報整理し、配置。CMSで構築。

エーシン

http://www.e-sin.net/

エーシン

コンセプト

青・白をベースに、シンプルで無駄なくデザインされたサイト。コンテンツも最小限にまとめて配置。

ポイント

ショッピング機能も必要ということで、カスタマイズし、搭載。CMS+ウェルカートシステムで構築。

Favorite Style

http://www.favoritestyle.jp/

FavoriteStyle

コンセプト

EC CUBEを利用した雑貨用品のショッピングサイト。シンプルかつナチュラルな雰囲気でデザイン。

ポイント

ショッピングサイトということで、バナーや動的なコンテンツを盛り込み、シンプルでありながら賑やかに見え、商品が閲覧しやすいよう設計。商品管理はEC CUBE上から管理が可能。

ティーエス自動車

http://www.ts-jidousha.com/

ティーエス自動車

コンセプト

自動車整備等の会社ということで、黒とグレー中心で構成しつつ、シンプルな配置とデザインで見やすく制作。

ポイント

取扱業務が一目でわかるよう情報整理。TOPですべてを把握し、下層で詳細という形にまとめて設計。

岡山ビューホテル 楽天トラベル

https://travel.rakuten.co.jp/HOTEL/684/

岡山ビューホテル 楽天トラベル

コンセプト

楽天トラベル内のホテルの紹介・予約サイト。 文字を少なく、画像を中心に配置してほしいという要望を踏まえ、バランスを取りながら制作。

ポイント

通常のサイト制作とは違い、楽天トラベルのシステムを利用してのデザイン・コーディング。制約は多いものの、シンプルに、見やすく制作。常時SSL対応。

COCOMO

http://www.cocomo-okayama.com/

小林裕彦法律事務所

コンセプト

レンタルセミナールームの紹介・予約サイト。余計な装飾などを付けず、徹底的に無駄を排除し、最低限の内容でシンプルに構成。

ポイント

1ページでコンパクトにまとめ、必要な情報がTOPでざっくりとつかめるように制作。

NIKKARI

https://www.nikkari.co.jp/english/

NIKKARI

コンセプト

弊社で制作したサイトの英語版。
翻訳はお客様で行い、サイトを丸ごと英語化し、グローバルに対応。

ポイント

先に日本語サイトをリニューアルし、その後英語サイトに着手。日本語サイトと変わらない見やすさ、利用しやすさを意識して制作。常時SSL対応。

岡山障害者就業・生活支援センター

http://www.shugyo-seikatsu.com/

岡山障害者就業・生活支援センター

コンセプト

事業内容の紹介が中心の、1ページでシンプルに完結するランディング形式のサイト。

ポイント

シンプルに、わかりやすくコンパクトにまとめ、欲しい情報がすぐ見られるように制作。

シャルムクレール

http://www.charm-claire.com/

シャルムクレール

コンセプト

サロンを経営する会社の紹介ページ。1ページでごくごくシンプルに、最低限の会社情報を掲載したサイト。

ポイント

総合的な情報を掲載するだけのシンプルなページで、必要な情報のみ最低限掲載し、制作。

ヤマダ

https://yamada-g.co.jp/

ヤマダ

コンセプト

シンプルでベーシックなコーポレートサイトを、というコンセプトでデザインしたサイト。

ポイント

きっちりと情報設計し、見やすく、利用しやすい構成を意識して制作。レスポンシフにも対応。

カオスクラウド

http://www.chaos-crowd.com/

カオスクラウド

コンセプト

店舗改装に伴う店舗デザインと調和できる、上質でハイクオリティなリゾートホテルのようなサイト

ポイント

トップページでは、オリジナルのjQueryによりモデルの切り替えが可能。お客さまサイドでも随時、新着情報が更新できるように、新着情報システムも組込み設置。WEBクーポンによる新規顧客戦略にも配慮。

アイ・コンLPサイト

http://www.icon-co.jp/Hoozin/info/index.html

アイ・コンLPサイト

コンセプト

メインサイトと同様のカラーリングで、より製品をアピールするため、LPサイトを制作。

ポイント

1ページで構成するLPサイトなだけに、情報をいかにコンパクトにわかりやすくまとめるかに配慮して設計。

太陽光発電架台.com

http://www.solar-kadai.com/

太陽光発電架台.com

コンセプト

グリーンを基調とし、商品画像をたくさん配置できるよう、かっちりデザインされたサイト。

ポイント

新着情報をお客様で更新されたいということで、ログインして記入するだけで簡単に情報発信が行える新着情報システムを導入。

慶光会

http://www.keikoukai.net/

慶光会

コンセプト

TOPはコンテンツを大きく配置することで、必要な情報にたどり着きやすい設計に。ポップで明るい色合いで、見やすく親しみやすい構成。

ポイント

ブログを大きく見せたいということで、TOPに写真付きのブログ記事が自動で掲載されるよう制作。CMSで構築し、レスポンシブデザインにも対応。

えんのした

http://www.ennoshita.co.jp/

えんのした

コンセプト

「縁の下の力持ち」をTOPで表現し、シルエットベースでインパクトを与えるデザイン。

ポイント

TOPページはくっきりしたシルエットを多用し、あえて抽象的なイメージにすることで、業務の幅広さ、フレキシブルさを表現。CMSで構築。

タイガーエンジニアリング

http://www.tiger-engineering.co.jp/

タイガーエンジニアリング

コンセプト

1ページ内でLPサイトのように構成したコーポレートサイト。必要な情報だけを見やすく配置。

ポイント

総合的な会社案内を掲載するサイトということで、メインビジュアルなどでダイナミックさを出しつつ、シンプルに構成。レスポンシブ対応。

仁科不動産鑑定事務所

http://www.kantei247.com/

仁科不動産鑑定事務所

コンセプト

ファーストビューで事業の内容から、事業所在地など、必要な情報がすべて見えるように設計。

ポイント

少ないコンテンツながらも広がり感のあるデザインに設計。トップページ自体で主要な情報が確認できる構成に逆利用。モノトーンカラーで全体をまとめた、至極シンプルでスタイリッシュなサイト。

CODE54 Members

54Blog