Tag Archives: iPad

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

【Zen Cart制作事例】エルクロス様 サイトリニューアル

エルクロス スワロフスキー激安通販・卸売 LX
URL:https://www.l-cross.jp/

エルクロス スワロフスキー激安通販・卸売 LX

エルクロス スワロフスキー激安通販・卸売 LX

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

Continue reading

【concrete5制作事例】 御福まつかわや 華の振袖展特設サイト 追加ページと広告媒体作成

華の振袖展 | 御福まつかわやの華の振袖展特設サイト
URL:https://event.matukawaya.com/furisode/

以前ご紹介いたしました「御福まつかわや 華の振袖展特設サイト」の追加ページの作成と「御福まつかわや 華の振袖展」の広告媒体デザイン作成をさせて頂きました。

過去に作成した際の記事は下記となります。
【concrete5制作事例】 御福まつかわや 華の振袖展特設サイト 新規オープン

Continue reading

【Zen Cart制作事例】コスモマシン様 サイトリニューアル

コスモマシン 中古機械 買取・販売・整備 : 中古機械の販売・買取・修理のスペシャリスト
URL:https://www.cosmomachine.com/

コスモマシン 中古機械 買取・販売・整備 : 中古機械の販売・買取・修理のスペシャリスト

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

過去に作成した際の記事は下記となります。
【Zen Cart制作事例】コスモマシン株式会社様

Continue reading

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

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

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

Continue reading

【concrete5制作事例】 御福まつかわや 薫風の浴衣展 特設サイト 新規オープン

浴衣展 | 御福まつかわやの浴衣展
URL:https://event.matukawaya.com/yukata/

弊社の運営している呉服の専門店「まつかわや」のイベントサイト 薫風の浴衣展のサイトとして、concrete5で新規オープンさせていただきました。

Continue reading

【concrete5制作事例】 御福まつかわや 華の振袖展特設サイト 新規オープン

華の振袖展 | 御福まつかわやの華の振袖展特設サイト
URL:https://event.matukawaya.com/furisode/


弊社の運営している呉服の専門店「まつかわや」のイベントサイト 華の振袖展のサイトとして、concrete5で新規オープンさせていただきました。
モバイル、タブレット、PCブラウザと3段階に分けたレスポンシブ対応をさせて頂きました。

Continue reading

【concrete5制作事例】大阪湾環境保全協議会様 企画ページの追加

大阪湾環境保全協議会
URL:https://www.osaka-wan.jp/
大阪湾環境保全協議会 :: 環境教育教材 チリモンととあわせ
URL:https://www.osaka-wan.jp/chirimon/

過去に 【concrete5制作事例】大阪湾環境保全協議会 サイトリニューアルにて、ご紹介させていただきました大阪湾環境保全協議会様の企画ページの追加(レスポンシブ対応)、及び全ページSSL化の対応を行わせていただきましたので、ご報告させていただきます

Continue reading

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

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

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

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

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

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

リリース日:2016/06/21