本文へスキップ

制作事例

Lea(レア)

Lea サービスサイト

LINE連携ECサービス「Lea」の紹介サイトを再構築。サービスの特徴や導入までの導線を整理し、お役立ち情報をEmDashで更新できる構成に整えました。

LINE連携ECサービス「Lea」のWebサイトのトップページ

背景・目指したこと

LINEを活用したECの仕組みや利用シーンを、導入を検討する方に分かりやすく伝えることを目指しました。サービス紹介、機能、料金、業種別の案内、導入事例を整理し、比較・検討から問い合わせやお試し登録へ進める構成にしています。

制作・支援内容

既存サイトのデザインや情報を引き継ぎながら、Astroでページを再構築しました。ヘッダーやフッターなど共通部分を統一し、スマートフォン向けのメニューと案内ボタンを整えています。

ケーキ・パン屋や農家向けのページも用意し、それぞれの事業に合わせた利用イメージを伝えています。

EmDashで整えたこと

お役立ち情報の記事と画像をEmDashへ移行しました。元の記事URLや公開日を引き継ぎ、カテゴリー・タグによる分類と記事検索を用意しています。

記事本文や画像は管理画面から編集し、下書きで確認してから公開できる構成です。情報発信のたびにページのコードを書き換えずに更新できます。

読みやすさと移行への配慮

記事の見出しから目次を生成し、スマートフォンでも本文をたどりやすくしました。旧サイトのURLからのリダイレクトも設定しています。

公開・運用の構成

WebサイトはCloudflare Workersで配信し、記事データはD1、画像はR2に保存しています。サービス紹介のページと、EmDashで更新する記事を一つのサイトで運用できる構成にしました。