SWELLデザインパターン(コピペ)

【コンセプト|2カラム】見出し・テキスト+画像3枚フェード切り替え

右側の画像が固定され、スクロールと連動して画像がフェードアニメーションで切り替わる。

SECTION NAME

CONTENTS

1行に10文字以内が推奨
2行目も同様に収める

ここにサブタイトルを17文字くらいを
最大2行に設定するとバランスが良いです。

ここの概要文の文字数はトータルで
最大150文字程度に収めると、
スマホ画面が文字だらけになるのを
避けられるためおすすめです。

1行あたり20文字以内で改行できるように、
文章を整えるとさらに読み易くなります。

情報量が多く、文字数が長くなる場合は、
ここでは概要のみ掲載しておき、
別ページで詳しく紹介がおすすめ。

PC画面では右側に動画が配置されます。
動画をループ再生させてもOK。
再生時間は最大8秒くらいにするのが、
データ容量的にも望ましいです。

ユーザーにとってブログ記事でもない限り、
長い文章は離脱要因のひとつ。

もし、文章が長くなってしまう場合は、
内容を分割して、カード3枚並びなどの
画像+見出し/説明のデザインにして、
補完イメージ(図解化)するのがおすすめ。

\ご自身のSWELLテーマの編集画面にコピペ/

CONTENTS