サイトトップページのデモ | 独習!Wordpress|WEBデザイナーに憧れて

サイトトップページのデモ

アクア03

美容テンプレートには、上記のような画像が複数種類含まれているので、どんなサイトなのかを伝えるために利用できます。

テキストはフォトショップやGIMPなどの編集ソフトを使用する必要があります。というよりも、テンプレートに含まれているテキスト入り画像をそのまま使えるケースというのはほぼ皆無なので、編集が必須となると思います。

美容テンプレートにはこの画像類を編集できるPSDファイルが付いているか否かで値段が変わりますが、画像を編集できないと、ぱっと見は綺麗だけど訴求したいことを訴求し切れないサイトになってしまうので、購入するならPSDファイル付きバージョンじゃないと使えないと思います。

本当は、この女性のモデルさんの写真がもっとたくさん種類があって、色々使い回せるのかなと期待していたのですが、数は期待していたほど多くなかったです。

当サイトおすすめランキングBEST3

アンプルール
星 星 星 星 星

アンプルール
商品情報
補足メモ
アミノ酸 弱酸性 ヒアルロン酸 コラーゲン 送料無料 返金保障 毛穴 ニキビ肌
価  格1,111円定期価格1,111円
容  量111送  料111円
返金保障定期コース
セット内容いろいろあるみたい…etc.
補足メモのタブを選択した時に表示されます。ハッキリいって、ここ気づく人あんまりいないような気がします。

1位商品の表示例です。1位の商品は、一番目立たせたいので2位以下と比べて相対的に大きな領域を確保してレイアウトすることが多いようですね。 1位商品の場合は、タブを切り替えられるようになっています。今選択しているタブは「商品情報」タブです。 また、表形式の部分は、背景が画像なので、項目数を変更することはできません。このへんもカスタマイズ性が低いです。項目名称は変更可能です。
詳しくはこちら
公式サイト

アクアフォース
アクアフォース
星 星 星 星 星
乾燥肌 シミ くすみ 保湿

価格2,222円定期価格2,222円
容量222g送料2,222円
返金保障なし定期コースなし
セット内容なんか色々あるよ
こちらは2位の商品です。 ところで、「詳しくはこちら」と「公式サイトはこちら」のボタンが周りの色と馴染み過ぎちゃってます。
詳しくはこちら
公式サイト
エクスポーテ
エクスポーテ
星 星 星 星 星
アトピー アレルギー 敏感肌 脂性肌

価格3,333円定期価格3,333円
容量333g送料3,333円
返金保障なし定期コースなし
セット内容これだけ
こちらは3位の商品。 この部分のテキストは、文字数が増えても縦に伸長することなく、単純に文字が見きれてしまいます。例えばこんな感じです。 ということで、美容テンプレートのデザインパターンのうち、ものによってはボタンの画像をカスタマイズする必要があるかもしれません。サイトの統一感は劣ってしまいそうですけど、デフォルトのままだとCTRが低そうな気がするからです。
詳しくはこちら
公式サイト

タイプ別おすすめ洗顔料

目的や悩み別に選ぶページへのリンクをこのへんに配置します。 女性の画像はネットからダウンロードしたフリー素材です。
arrow 詳しくはこちら
同じ女性の同じ画像が何枚も並ぶと違和感がありますね^^; なので、実際にはそれぞれ画像を個別によういしてあげたほうがよいでしょう。
arrow 詳しくはこちら
ちなみに、こちらの枠の背景画像も固定なので、文字数が多い場合は見きれてしまいます。 どのように見きれるのかというと、「詳細はこちら」リンクが本来なら記述しているのですが、枠からはみ出てしまっていると思います。 このテンプレートを使う場合には画像サイズ、文字数の制約というのを常に意識しておかないといけませんね。
arrow 詳しくはこちら



画像のサイズは234x60pxです。画像にはリンクを設定できません。
このランキングはダミーです。また、画像はテンプレート付属のものです。
画像にテキスト入れてみましたが、入らないかもしれませんね。

目的から選ぶ

side_box04_img保湿
保湿を目的に化粧品を選ぶならコレ!

side_box04_img価格
価格で選ぶならコレでしょう!

side_box04_img肌質
自分の肌質を見極めて、お肌に合った化粧品を選びたい方はこちら♪

当サイト人気ランキング!

いちばん化粧水
こんな商品が1位だなんて、信じられない!
美容液
いつも2番手美容液。次こそは1位よ!
美顔器
万年3位がまったりいい感じ。
脱毛器
3位でやめたくてもできないの。
つまりは・・・
型にはまりなさいってこと。