【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

ECサイト構築クラウド型プラットフォーム

【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

モバイルファーストマーケティングラボ

WEBデザイン

2/2ページ
  • 2013.07.04

メニューを固定表示させるposition;fixedでサイトの回遊率をアップ!

ランディングページなどの縦に長いページでは、スマートフォンの小さな画面で表示するとページ上部のメニューまで戻りにくくなってしまいがちです。 このような場合、ページのヘッダー部分を画面上部に固定表示をして、常に表示しておくことができます。グローバルメニューから各ページにいつでも遷移することができるので、回遊率を高めることも期待できます。

  • 2011.07.05

スマートフォンECサイトのデザインに迷ったら、色々なサイトを参考にしましょう

ショップオーナー様やECサイト制作のご担当者様は、自らのショップのデザインやサイト構築に日々苦闘してらっしゃると思います。そこで、今回は皆様の参考となるようなサイトを集めてみました。また、この「スマートフォン&モバイルEC事例・ノウハウ集」でも取り上げられている技術を駆使してよりよいスマートフォンECサイトのデザインやUIを追求してください。 ■デザインで参考となるもの iPhoneデザインボック […]

  • 2011.06.17

スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(5)~

前回の記事(スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(4)~)では「スマートフォンらしい動き」として折りたたみコンテンツのお話をしました。今回もスマートフォンサイトらしい動きとして「スライドコンテンツ」のお話をさせていただきます。 スライドコンテンツは、例えば画像を表示するエリアの左右に矢印が表示され、それをタッチすることで前の画像や次の画像をその場で表示させることがで […]

  • 2011.05.20

スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(4)~

過去「スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎~」というタイトルで、スマートフォンらしいレイアウトを作成するためのご案内を3回配信してきました。全て静的な、見た目を変えるためのご案内でしたが、今回はいよいよ動的な「折りたたみコンテンツ」の作成方法についてご案内致します。 折りたたみコンテンツと言えば、スマートフォンでも比較的よく見られる形式のレイアウトです。ページが縦に […]

  • 2011.04.15

スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(3)~

さて、それでは前回の記事に引き続き、aishipでスマートフォン向けサイトの構築を行う手順をご案内致します。 大まかな流れは前回と同様、あらかじめ準備されているスマートフォン用CSSを用いてHTMLにデザインを適応していく、というイメージです。CSSサンプル内から必要なクラス名を取り出し、HTML内に入力してレイアウトを整えていきましょう。 また、今回は少しステップアップしてサンプルCSSを元に少 […]

  • 2011.03.18

スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(2)~

スマートフォン向けサイトを制作するためには、【スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(1)~】記事でも紹介したCSS(カスケーディング・スタイル・シート)をうまく活用することがポイントになります。 イチから新規にサイトを制作する場合、このCSSも同様にイチから全て記述していく必要がありますが、スマートフォンショッピングカートのaishipではあらかじめCSSサンプルを […]

  • 2011.03.07

スマートフォンEC構築前に決断しなければいけない
2つのポイント

1.今後、ガラケー向けECの取組をどうするのか? 2.運用方針はスマートフォン専用ECサイト型?、モバイルECサイト兼用運用型?   ▼ スマートフォンECサイト構築が本当に必要ですか? モバイルEC第3世代に向けスマートフォンECの取組が重要であることは前回記事(『スマートフォンECサイト対応~ECサイト運営リーダーは今、意識変革が必要~』)でも記載いたしました。ただ、重要であることを理解したと […]

  • 2011.03.07

携帯サイトのスマートフォン対応のポイント! ~スマートフォン表示で最適サイズを設定する「viewport」~

1.携帯向けサイトは横幅240px、スマートフォンサイトは320px 2.スマートフォンにあるといい viewport 3.携帯サイトをスマートフォン対応させる ■携帯向けサイトは横幅240px、スマートフォンサイトは320px 携帯電話(ガラケー、フィーチャーフォン)の横幅はほとんどのものが240px前後であり、一般的に携帯向けのサイトは横幅240pxで作られます。 一方、スマートフォンでは、タ […]

  • 2011.03.01

スマートフォンECサイトデザインの基本~スマートフォンCSS活用基礎(1)~

1.なぜスマートフォン用CSSを作るのか PC用のサイトへ誘導することも、携帯用のサイトへ誘導することもスマートフォンに対しては適切とは言えません。 スマートフォンではPC向けに作成されたサイトへもアクセスすることができます。しかし画面内にページの全体が表示されなかったり、全体が表示されても今度は文字サイズが小さすぎて読みづらかったり、またPC向けのファイルサイズの大きな画像を読み込むのに時間がか […]

機能のご確認はお気軽にお問合せ、もしくは2週間無料お試し利用で。
aishipRの無料体験、お問合わせはお気軽に。説明会・資料請求も受付中。
0120-173-163
0120-173-163
無料体験
  • 無料体験
  • 問合せ
  • 説明会
  • 資料請求
  • 問合せ
  • 説明会
  • 資料請求
+