Tag Archives: Word Press

【WordPress 制作事例】地鶏安東様 サイト GRAND OPEN!

地鶏安東
URL:https://jidori-ando.jp

「地鶏安藤」様サイトオープンのお手伝いをさせて頂きました。
こちらのサイトはWordPress本家、5.1を使用したサイトとなっております。
スマホなどに対応しているレシポンシブWebデザインを考慮したオリジナルサイトデザインとして作らせていただきました。

Continue reading

【Zen Cart制作事例】大五木材様 サイト GRAND OPEN!

木のモ 高品質な無垢フローリング材|kinomo 卸価格で高品質な無垢フローリング材を提供
URL:https://www.kinomo.ne.jp/


「大五木材」様のサイトリニューアルのお手伝いをさせて頂きました。
こちらのサイトはZen Cart本家、1.5.5dを使ったサイトとして、1.3系からリニューアルしたサイトとなっております。
昨今の時代を配慮して、スマホなどに対応しているレシポンシブWebデザインを考慮したオリジナルサイトデザインとして作らせていただきました。

Continue reading

ZenCart1.5.5系 モバイルファーストレスポンシブテンプレート公開&発売!

この度、オビタスターよりモバイルユーザビリティを重視した全デバイス対応のレスポンシブテンプレートを公開・発売することとなりました!

ZenCart1.5.5系・モバイルファーストテンプレート公開&発売!
URL:https://template.obitastar.co.jp/category/c-1_92_106.html

オビタスターPC版サイト

オビタスタータブレット版サイト

オビタスターモバイル版サイト

この度は、弊社より全デバイスに対応したZenCart1.5.5系レスポンシブテンプレートを発売させて頂く事となりました。
と言いますのも、
弊社は自社運営ECサイト「まつかわや」等の経験上、「レスポンシブ化された昨今のECサイトで操作面や誘導がうまく出来ているECショップがない」と常々思っておりました。

それはある意味仕方のない事かもしれません、ECサイトには新規登録・ログイン・カート・検索等といった必要な項目が非常に多く、スマホサイズにしてしまいますと、どうしても隠して表示するか、運営側が意図しない場所に表示するかしかなかったのです。
このような背景から日々試行錯誤し、出来上がったのが今回の「モバイルファーストテンプレート」です。

◆特徴

表示するモニターのサイズに合わせ、 3段階に変化をするレイアウトデザインです。 特にスマホサイズに特化したデザインテンプレートで、押しやすく、探しやすい構造になってます。

◆コメント

商売をしていくにあたり、サイトというのは必要不可欠なツールとなりますが、
どうしても費用が掛かってしまいます。
そこで我々は、お安くテンプレートをご提供することを念頭において、
更に他社テンプレートと差をつけるため、たくさんのテンプレートサイトを見漁りました。
今回私どもが製作しましたこちらのテンプレートはまず間違いなく他社のものより即戦力でご利用いただけるようにしておりますよ。
こちらのテンプレートは、モジュールのカスタマイズは一切しておりませんが、
近日、全て同梱されたパックを弊社がインストールまでさせて頂くプランも予定しておりますのでこうご期待ください。

[デザインコンセプト]

・モバイルファーストでレスポンシブサイトに仕上げました。
・どの商材にも対応できるように背景は白で清潔感のある仕上がりにしました。
(スタイルシートで自由に配色の変更を可能にしています。)
・PC・タブレット・スマホ等で見た時に、あまりサイトデザインに多いか差異が出ないよう、違和感を持たれないように意識し、シンプルですっきりとしたフラットデザインを取り入れました。
・アイコンはかわいく押しやすい物にしています。

[施策・技術]

・SEOを重視したデザインにしました。
・デバイスのサイズによってアイコンが代わるようにプログラムしました。
・商品の購入まで見やすくスムーズに操作できるようにデザインしました。
・カテゴリページ(商品一覧ページ)と全商品、新着商品ページのレイアウトを異なるデザインにしてハッキリ見分けがつくようにデザインしました。
・商品詳細ページに関して、商品と商品の説明のブロックを分けて、編集がしやすくサイトも見やすいように仕上げました。
・お問い合わせのページを複数作成し、項目も増やし、売りたい方、買いたい方の要望を聞くことができるようにしました。

[サイト全体イメージ]

リリース日:2018/12/07

【concrete5制作事例】串季 サイトリニューアルオープン

串季
URL:http://www.kushiki.com/

「串季」様のサイトリニューアルのお手伝いをさせて頂きました。
こちらのサイトはconcrete5を使ったサイトとして、htmlでの制作からリニューアルしたサイトとなっております。
リニューアルの際、アクセシビリティにできるだけ考慮したオリジナルサイトデザインとして作らせていただきました。

[デザインコンセプト]

・モバイルファーストと言われる時代背景から、スマホ・タブレットで見やすいようコンテンツのサイズを768pxで作成しております。
こうする事で、PCで見た場合とタブレットで見た場合にほぼ違いが発生しません。
・また、スマホサイズからの作成で、タブレット→PCサイトを作成していっておりますので、スマホで閲覧時に一番よく見えるように作成されております。
これは、飲食店を検索するときのイメージをお考え下さい、飲食店を探す場合PCで検索するでしょうか?
もちろんPCで検索する場合もあるかと思われますが、大半はスマホで検索されると考えられます。
それは、外出中のシーンや自宅にいるシーンでも容易に想像できます。
・カラー等は、串焼のイメージを損なわないような暖色系をポイントに使用し、安っぽくならない様に心がけデザインしました。
・また、画像やメニュー等はお店のスタッフ様でも簡単に変更できるようにと考え作成しております。
あまり複雑に作りますと、お店のスタッフ様の方で変更するのが億劫にならない為です。

[施策・技術]

・全ページSSL化対応。
・PC、タブレット、スマホのレスポンシブ対応
・CMSのconcrete5の全ページSSL化対応
・httpでのアクセスの場合、httpsへのリダイレクト対応
・ローテンションバナーを導入し、TOPページで導入したブロックのいくつかを回るようにしております。

リリース日:2018/05/29

【concrete5制作事例】大阪府中小企業団体中央会 サイトリニューアルオープン

大阪府中小企業団体中央会
URL:http://www.maido.or.jp/

「大阪府中小企業団体中央会」様のサイトリニューアルのお手伝いをさせて頂きました。
こちらのサイトはconcrete5を使ったサイトとして、htmlでの制作からリニューアルしたサイトとなっております。
リニューアルの際、アクセシビリティにできるだけ考慮したオリジナルサイトデザインとして作らせていただきました。

Continue reading

【WordPress制作事例】医療法人社団 白金会 銀座中央メディカルクリニック 様 新規サイト作成

銀座中央メディカルクリニック レディース専門外来 – 女医の婦人科 銀座から徒歩4分
銀座中央メディカルクリニック レディース専門外来 – 女医の婦人科 銀座から徒歩4分

医療法人社団 白金会 銀座中央メディカルクリニック」様のレディース専門外来の新規サイトの制作のご紹介をさせて頂きます。
こちらのサイトはWordPressを使用し、スマホなどに対応しているレシポンシブWebデザインを考慮したサイトデザインとなっております。

格調高いブラウンを基調にし優しく包み込むような雰囲気を出すことで、安心してクリニックにお越しいただけるようなデザインにさせて頂きました。

また、使いやすさ・わかりやすさ(ユーザインターフェース)の面を考慮し、ページ内リンクをクリックすると、該当の内容がどこまでか、視覚的にわかりやすくなるように枠で囲むようにしております。

技術面については
・Googleアナリティクスを導入致しました。
・All in One SEOを導入いたしました。
・検索エンジンロボット、各種ソーシャルサイト、アナリティクス、サーチコンソール以外の海外からのIPアドレスからはアクセスできないように制御いたしました。

リリース日:2016/06/21

【WordPress制作事例】きもの むらたや 様 ブログサイト作成

きもの むらたや : 島根県の老舗の呉服屋が運営する きもの通販ショップ公式ブログ
URL:https://blog.kimono-murataya.com/

「きもの むらたや」様のブログサイトを制作させていただきました。
こちらのサイトはWordPressを使用し、スマホなどに対応しているレシポンシブWebデザインを考慮したサイトデザインとなっております。

「きもの むらたや」様が運営されているネットショップと連携できるようにサイトデザインをさせていただきました。
―――――――――――――――――――――――――――――――――――――――――
【参考サイト】
きもの むらたや : 島根県の老舗の呉服屋が運営する きもの通販ショップ
URL:https://www.kimono-murataya.com/
―――――――――――――――――――――――――――――――――――――――――

サイトデザインをネットショップと同じになるよう「江戸小紋」をイメージものにいたしました。
また、デザインを統一したことで、ブログとネットショップの一体感を出すように意識いたしました。

Continue reading

【WordPress制作事例】医療法人しおり会 ありす耳鼻咽喉科クリニック様 新規サイト制作

ありす耳鼻咽喉科クリニック | 医療法人しおり会
URL:https://shiorikai-med.or.jp/

ありす耳鼻咽喉科クリニック | 医療法人しおり会

「医療法人しおり会 ありす耳鼻咽喉科クリニック」様の新規サイトの制作のご紹介をさせて頂きます。
こちらのサイトはWordPressを使用し、スマホなどに対応しているレシポンシブWebデザインを考慮したサイトデザインとなっております。

クリニックのイメージカラーである茶色をベースに、シンプルで清潔感が表現できるように白を中心にし、オレンジ色をさし色にデザインいたしました。
また、使いやすさ・わかりやすさの(ユーザインタフェース)面を考慮し、ページ内リンクを押すと、該当の内容がどこまでか、視覚的に判りやすくなるように、青の枠で囲むようにしております。
技術面については、Webサイト全体を常時SSL化にし、セキュリティ強化対策をさせていただきました。

【WordPress制作事例】吉富住宅株式会社様

こんにちわ。kimonoです :-)

以前、こちらの 【制作事例】吉富住宅株式会社様 でもご紹介させていただきましたが、吉富住宅株式会社様のサイトを再度リニューアルすることになり、そのお手伝いをさせていただきましたので、ご紹介させていただきます。

吉富住宅株式会社 | 耐震性に優れ、安心・安全な家を提供しております。

吉富住宅株式会社 | 耐震性に優れ、安心・安全な家を提供しております。

吉富住宅株式会社 | 耐震性に優れ、安心・安全な家を提供しております。

2009年の3月にオープンソースCMSのGeeklogを使ったサイト構築のお手伝いを行わせていただきましたが、今回は年数が経過したこともあり、レスポンシブWebデザインを導入し、同じパナソニックビルダーさんにて利用する事例の多いオープンソースCMSのWordPressにてのリニューアルオープンとなりました。

吉富住宅株式会社様は、神戸市北区や明石にて耐震性に優れ、安心・安全な家を提供しております建築業の会社となり、母体となります大阪の吉富住宅株式会社さんのグループ会社となります。

Continue reading

【WordPress制作事例】PL学園 剣道部様

こんにちわ。kimonoです :-)

今日はPL学園の剣道部様のサイトリニューアルのお手伝いを行わせていただきましたので、ご紹介させていただきます。

PL学園 剣道部 | PL学園 剣道部サイトです。

PL学園 剣道部 | PL学園 剣道部サイトです。

PL学園 剣道部 | PL学園 剣道部サイトです。

リニューアル前は、ホームページビルダーにてhtmlで作成されておりましたが、WordPressにてデザインを入れて一新させていただきました。

また、レスポンシブWebデザインでの作成となっておりますので、タブレットやスマホにも自動調整されて表示されるようになっております。

Continue reading