Tag Archives: スマートフォン

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

【Geeklog制作事例】池内 嘉正様 サイトリニューアル

地球の島巡り・旅の鉄人 池内嘉正
URL:http://www.tetujin60.com

地球の島巡り・旅の鉄人 池内嘉正

地球の島巡り・旅の鉄人 池内嘉正

地球の島巡り・旅の鉄人 池内嘉正

「池内嘉正」様のサイトリニューアルのお手伝いをさせて頂きました。
こちらのサイトはGeeklog日本語開発版ver2.1.3を使ったサイトとして、旧バージョンよりリニューアルしたサイトとなっております。
リニューアルのため、スマホなどに対応しているレシポンシブWebデザインを考慮したオリジナルサイトデザインとして作らせていただきました。

Continue reading

【Zen Cart制作事例】富士文具株式会社様 カスタマイズ・リニューアルオープン

文具・文房具・事務用品卸サイト「ブングオーダー」 : ブングオーダー
URL:http://www.bungu-order.jp/

過去にこちらでご紹介させていただきましたブングオーダー(富士文具株式会社)様
https://wordpress.obitastar.co.jp/2014/12/24/p2119/
のサイトにて、新しい機能を導入・カスタマイズを行い、この度リニューアルオープンのお手伝いをさせていただきましたので、ご紹介させていただきます。

Continue reading

【Zen Cart制作事例】着物通販ショップオンラインきもの見本市 スマホサイトリニューアル

着物通販ショップオンラインきもの見本市
URL:http://www.online-kimono.jp/

弊社で運営しております「着物通販ショップオンラインきもの見本市」のサイトスマホテンプレートをリニューアルさせて頂きましたのでご報告させていただきます。
こちらのサイトは、旧Zen Cartで、レスポンシブではないですが、フルリニューアルの前にデザインなどを見直した次第となります。
ガラケー用のzen mobileをベースにスマホ用にスマホのヘッダー情報を元にテンプレートを切り替えて表示させております。

白やグレーをメインにすることで、シンプルで安心感を与え、項目を簡潔にすることで、商品を目立たせ、わかりやすくなるようにデザインにいたしました。
また、商品に早くたどり着けるするための導線を意識し、デザインに取り組んでいきました。
オススメの商品にスマホなどのスワイプに対応したjQueryを組み込み、簡潔に動きのある仕組みを取り入れました。
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

【Zen Cart制作事例】卓球.com様

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

今日は卓球用品の販売を行われております卓球.com様のリニューアルのお手伝いをさせていただきましたので、ご紹介させていただきます。

TABLE TENNIS PRO SHOP TOMIOKA 卓球ドットコム 卓球専門店,ラバー,ラケット

TABLE TENNIS PRO SHOP TOMIOKA 卓球ドットコム 卓球専門店,ラバー,ラケット

TABLE TENNIS PRO SHOP TOMIOKA 卓球ドットコム 卓球専門店,ラバー,ラケット

旧サイトからの完全リニューアルとなっており、デザイン(テンプレート)は、弊社のレスポンシブWebデザインテンプレート『Wine responsive_zen1.5』を使っての制作事例となります。

Continue reading

レスポンシブWebデザインテンプレート第2弾販売開始!

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

第一弾の発売からおよそ半年、大変ご好評いただきましたZen Cart1.5用テンプレート「レスポンシブWebデザインテンプレート」の第二弾が発売開始となりました!

レスポンシブWebデザインテンプレート第二弾発売開始

レスポンシブWebデザインテンプレート第二弾発売開始

前回のテンプレートがワインをイメージしたシンプルな黒と白の配色にワントーン抑えた赤色を加えることで、 シンプルなのに、パッと目を引くデザインであったのに対し、今回のレスポンシブWebデザインテンプレートは、時計をイメージした黒をメインにしたモノトーンの配色に濃いグリーンを加えることで、 シンプルかつ、落ちつきのあるデザインになっています。

最近構築のサイトや、リニューアルオープンされるサイトの皆様方より、多くご好評いただいております。

レスポンシブWebデザインにてサイトを構築しますと、ショップの運営側としましては、若干の商品の登録の仕方(画像のアップの仕方や、htmlタグの書き方)などは変わりますが、パソコン用、スマホ用と別々に商品の説明ページなど作成する手間が減り、随分効率よく、サイト運営ができるようになるということで評判を得ております。

 

デモサイトにて、実際の動きを確認できるようになっております。

レスポンシブWebデザインのため、わざわざスマホやタブレットで確認しなくても、ブラウザの端を持っていただき、大きくしたり、小さくすることで、配置などが次々と変わる様が分かるようになっています。

また、第一弾のテンプレート、第二弾のテンプレートを切り替えスイッチで切り替えて確認することができるようになっております。

デモサイトはこちらまで。

デモサイトにはIDとパスワードのベーシック認証がかかっています。下記、IDとパスワードでログインしてご利用ください。

ユーザー名 r_demo
パスワード y0wla62n3k