Logo

まちのにぎわいフェス(LP)

クレジット
Avatar
WEBデザイナー
まちのにぎわいフェス(LP)-1
シェア

まちのにぎわいフェス(LP)

【リンク先】 https://19961226.github.io/nigiwaifes/  【概要】 自主制作にて、架空の地域イベント「まちのにぎわいフェスティバル」の1ページLPを作成しました。 【制作ポイント】 チラシの黄色を基調に、赤・オレンジ・緑・青をセクションやカードごとに使い分け、見出しは1文字ずつ色を変えた丸みのある文字にすることで、チラシと統一感のある楽しい世界観を表現してます。 三角旗のガーランド、風船、家や木、自転車などのイラストはすべてSVGで作成し、ファーストビューではイベント名が1文字ずつ弾んで登場する演出や、回転する放射状の背景、ページ全体を飛び続ける風船など、動きのある演出でお祭りのワクワク感を伝えてます。 一方で、文字と背景のコントラストを確保し、OSで「視差効果を減らす」が有効な場合はアニメーションを弱めるなど、楽しさと読みやすさの両立を意識してます。 来場者が知りたい情報にすぐたどり着けるように、1日目・2日目をタブで切り替えるタイムテーブル、エリアをタップすると説明が開くイラストの会場マップ、アコーディオン式のよくある質問を設置してます。 申し込みフォームは事前申し込みが必要な有料ワークショップに絞り、選んだ内容と人数から参加費の目安が自動で計算されるようにすることで、申し込みの手間や迷いを減らしてます。 コーディングは、Sass(BEM設計・モバイルファースト)とjQueryで作成し、PC・スマートフォンの両方に対応してます。 写真は画像生成AIで作成し、登場人物やイベントの雰囲気がサイトの内容と一致するように調整してます。 ※架空のイベントのため、掲載内容はすべてサンプルです。 【制作時間】 10時間(1週間)程度 【概算費用】 企画・デザイン構成 25,000円 デザイン作成(LP) 40,000円 コーディング(LP) 40,000円 アニメーション・JS実装 20,000円 イラスト作成(SVG・会場マップ) 15,000円 画像生成・加工 10,000円 ライティング 15,000円
クレジット
Avatar
WEBデザイナー
シェア
りょうの他の作品
画像
作品を見る
パーソナルジムの体験募集(バナー)
画像
作品を見る
接骨院の初回限定価格(バナー)
foriio

あなたのforiioを無料で作成

fori.io/
まちのにぎわいフェス(LP)-1

まちのにぎわいフェス(LP)

【リンク先】 https://19961226.github.io/nigiwaifes/  【概要】 自主制作にて、架空の地域イベント「まちのにぎわいフェスティバル」の1ページLPを作成しました。 【制作ポイント】 チラシの黄色を基調に、赤・オレンジ・緑・青をセクションやカードごとに使い分け、見出しは1文字ずつ色を変えた丸みのある文字にすることで、チラシと統一感のある楽しい世界観を表現してます。 三角旗のガーランド、風船、家や木、自転車などのイラストはすべてSVGで作成し、ファーストビューではイベント名が1文字ずつ弾んで登場する演出や、回転する放射状の背景、ページ全体を飛び続ける風船など、動きのある演出でお祭りのワクワク感を伝えてます。 一方で、文字と背景のコントラストを確保し、OSで「視差効果を減らす」が有効な場合はアニメーションを弱めるなど、楽しさと読みやすさの両立を意識してます。 来場者が知りたい情報にすぐたどり着けるように、1日目・2日目をタブで切り替えるタイムテーブル、エリアをタップすると説明が開くイラストの会場マップ、アコーディオン式のよくある質問を設置してます。 申し込みフォームは事前申し込みが必要な有料ワークショップに絞り、選んだ内容と人数から参加費の目安が自動で計算されるようにすることで、申し込みの手間や迷いを減らしてます。 コーディングは、Sass(BEM設計・モバイルファースト)とjQueryで作成し、PC・スマートフォンの両方に対応してます。 写真は画像生成AIで作成し、登場人物やイベントの雰囲気がサイトの内容と一致するように調整してます。 ※架空のイベントのため、掲載内容はすべてサンプルです。 【制作時間】 10時間(1週間)程度 【概算費用】 企画・デザイン構成 25,000円 デザイン作成(LP) 40,000円 コーディング(LP) 40,000円 アニメーション・JS実装 20,000円 イラスト作成(SVG・会場マップ) 15,000円 画像生成・加工 10,000円 ライティング 15,000円
クレジット
Avatar
WEBデザイナー
シェア
りょうの他の作品
画像
作品を見る
パーソナルジムの体験募集(バナー)
画像
作品を見る
接骨院の初回限定価格(バナー)
foriio

あなたのforiioを無料で作成

fori.io/