支給PDFからのLP実装

文字サイズや配置位置の細かな指定がないPDFデザインから、LPを制作しました。支給資料は紙面用の構成だったため、Webの画面幅に合わせて実装する必要がありました。

とくにスマートフォンは、紙面を縮小すると文字が小さくなります。情報を読む順番も考えながら、レイアウトを提案しました。

PDFを参照し、フォント・文字サイズ・各要素の位置を調整しました。数値の指定がない箇所は、元のデザインと画面を見比べながら実装しています。

スマートフォン用には、チラシの構成を画面幅に合わせて組み替えました。元のデザインをもとに、Webで読みやすい配置へ調整した部分です。

PC・スマートフォン向けのLPを納品しました。公開評価では、デザインの再現と、スマートフォン用レイアウトの提案について評価をいただいています。