Tag Archives: ユーザビリティ

【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.maido.or.jp/

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

Continue reading

関西広域連合「工業系公設試験研究関連機器情報等のポータルサイト機能拡充業務」 – 関西広域連合域内 工業系公設試験研究機関ポータルサイト : 関西ラボねっと公開しました!

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

本日、2013/4/1関西広域連合域内 工業系公設試験研究機関ポータルサイト : 関西ラボねっと公開しました!

関西広域連合域内 工業系公設試験研究機関ポータルサイト : 関西ラボねっと

関西広域連合域内 工業系公設試験研究機関ポータルサイト : 関西ラボねっと

以前、関西広域連合「工業系公設試験研究関連機器情報等のポータルサイト機能拡充業務」最優秀提案事業者に選定されました のブログ記事にて報告させていただいておりましたサイトになります。

Continue reading

新年度一発目のキャンペーンは”これ”だ!

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

本日は4/1です。
本日より新たな年度の始まりとして、多くの皆さんも新しい門出としてスタートしたり、気分一新頑張っていられると思います。

そんな皆様に、耳寄りなお知らせをお伝えします。
新年度より、ネットショップ開業構築プランを、Zen Cartオーダーメイドプランと名称を変更させていただきました。
こちらのプランは弊社のサービスでも一番人気のサービスとなり、多くのお客様にご愛好いただいているサービスですが、こちらのサービスを、なんと!先着5名様限定で、超特価価格の200,000円の税込み価格にてご提供させていただきます。
これはちなみに、エイプリルフールネタではありません 8-O

先着5名様のみに、信じられない超特価にてZenCartオーダーメイドプランをご提供いたします。通常315,000円(税込)が先着5名様のみ200,000円(税込)に!!

エイプリルフールと言えば、今年も様々なサイトがエイプリルフールにちなんで、色々やってましたね~。
せっかくですので、いくつかご紹介を。

さくらインターネット
http://toaru.sakura.ne.jp/
レールガンネタらしいですが、詳しいことは分かりません><

ドミノピザ
http://www.dominos.jp/
ネタに見えませんでした><

3D版Yahoo! Japan
http://event.yahoo.co.jp/20100401/3d_first/
む! Silverlightを入れると3Dになると思いました^^;

円谷ッター
http://tsubutter.m-78.jp/
ウルトラマンとTwitterでフォローしあえる?

goo
http://www.goo.ne.jp/special/20100401/
すごっ!w

オンラインきもの見本市、まつかわやカスタマイズ

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

先日より、弊社で運営しておりますネットショップ「着物通販ショップはオンラインきもの見本市」と「呉服のまつかわや – 貴方は着物を十倍高く買っています。250年の信用と実績」を色々カスタマイズしましたので、紹介させていただきたいと思います。

どちらのサイトにも同じカスタマイズを導入しており、導線は同じにしております。

まず、商品詳細ページにて、金額表示が分かりにくかったところを分かりやすく、見やすく体裁を整え、過去のBlogにもありますが、RSSリーダーや、商品についてお問い合わせ、レビュー、商品を友達に知らせるなど後から後から追加したために、統一性がなくなっていたものをまとめ、統一感を出しました。
また、以前はWish Listや、ほしい物リストと言ってもピンとこなかったのですが、Amazonを多くの方が認識し、以前はAmazonの日本サイトでもWish Listのままだったのが日本語訳され、ほしい物リストに変わったことも含め、弊社では過去にWish Listを導入しておりましたが、理解している人が少なかったことも含め、お気に入り機能として翻訳して利用していたものをきちんとほしい物リストとして変更させていただきました。
更に、Twitterの流行にも乗り、各商品ページをTwitterでつぶやけるようにもさせていただきました。
これら全てのデザインを統一させていただきました。

着物通販ショップはオンラインきもの見本市

Continue reading

ユーザビリティテンプレート公開しました★

ZenCart専用テンプレートサイトより

オレンジ色の帯が、
ZenCart専用テンプレートのダウンロードを開始いたしました :-D

その名も、
ポップテンプレート『dog』 ZenCart専用です。

テンプレート名よりテンプレートデザインの確認・ダウンロードを行っていただけます。

Geeklogのテーマ、及び、アクセシビリティ情報を発信し続けている、
『みるくさん』作成のテンプレートです。

==============================================

・動作確認
OS:Windows XP

ブラウザ:
IE6,IE7,IE8(IE6,IE8はIE Testerにて確認)、
Fx3.5.1、GoogleChrome2.0.172.39、Opera9.64、Safari4.0

音声読上げ確認に使用した音声読上げソフト
PC-Talker XP

・カラーチェックツール
colour contrast Analyser

・音声読上げ確認に使用した音声読上げソフト
ホームページリーダー3.04
NVDA

==============================================

デザインだけではなく、
アクセシビリティにもしっかり配慮されたテンプレートです :mrgreen:
その他にも、様々なデザインを公開中!!
ZenCart専用テンプレートサイトはこちらから