記事の内容やaishipシリーズに関するお問い合わせはこちらから
0120-173-163 お電話
[電話受付時間]平日9:30〜19:00
ショップオーナー様やECサイト制作のご担当者様は、自らのショップのデザインやサイト構築に日々苦闘してらっしゃると思います。そこで、今回は皆様の参考となるようなサイトを集めてみました。また、この「スマートフォン＆モバイルEC事例・ノウハウ集」でも取り上げられている技術を駆使してよりよいスマートフォンECサイトのデザインやUIを追求してください。 ■デザインで参考となるもの iPhoneデザインボック […]
前回の記事（スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（4）～）では「スマートフォンらしい動き」として折りたたみコンテンツのお話をしました。今回もスマートフォンサイトらしい動きとして「スライドコンテンツ」のお話をさせていただきます。 スライドコンテンツは、例えば画像を表示するエリアの左右に矢印が表示され、それをタッチすることで前の画像や次の画像をその場で表示させることがで […]
過去「スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎～」というタイトルで、スマートフォンらしいレイアウトを作成するためのご案内を3回配信してきました。全て静的な、見た目を変えるためのご案内でしたが、今回はいよいよ動的な「折りたたみコンテンツ」の作成方法についてご案内致します。 折りたたみコンテンツと言えば、スマートフォンでも比較的よく見られる形式のレイアウトです。ページが縦に […]
さて、それでは前回の記事に引き続き、aishipでスマートフォン向けサイトの構築を行う手順をご案内致します。 大まかな流れは前回と同様、あらかじめ準備されているスマートフォン用CSSを用いてHTMLにデザインを適応していく、というイメージです。CSSサンプル内から必要なクラス名を取り出し、HTML内に入力してレイアウトを整えていきましょう。 また、今回は少しステップアップしてサンプルCSSを元に少 […]
スマートフォン向けサイトを制作するためには、【スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（1）～】記事でも紹介したCSS（カスケーディング・スタイル・シート）をうまく活用することがポイントになります。 イチから新規にサイトを制作する場合、このCSSも同様にイチから全て記述していく必要がありますが、スマートフォンショッピングカートのaishipではあらかじめCSSサンプルを […]
１．今後、ガラケー向けECの取組をどうするのか？ ２．運用方針はスマートフォン専用ECサイト型？、モバイルECサイト兼用運用型？ ▼ スマートフォンECサイト構築が本当に必要ですか？ モバイルEC第３世代に向けスマートフォンECの取組が重要であることは前回記事（『スマートフォンECサイト対応～ECサイト運営リーダーは今、意識変革が必要～』）でも記載いたしました。ただ、重要であることを理解したと […]
1.携帯向けサイトは横幅240px、スマートフォンサイトは320px 2.スマートフォンにあるといい viewport 3.携帯サイトをスマートフォン対応させる ■携帯向けサイトは横幅240px、スマートフォンサイトは320px 携帯電話（ガラケー、フィーチャーフォン）の横幅はほとんどのものが240px前後であり、一般的に携帯向けのサイトは横幅240pxで作られます。 一方、スマートフォンでは、タ […]
1.なぜスマートフォン用CSSを作るのか PC用のサイトへ誘導することも、携帯用のサイトへ誘導することもスマートフォンに対しては適切とは言えません。 スマートフォンではPC向けに作成されたサイトへもアクセスすることができます。しかし画面内にページの全体が表示されなかったり、全体が表示されても今度は文字サイズが小さすぎて読みづらかったり、またPC向けのファイルサイズの大きな画像を読み込むのに時間がか […]
