ふーしゃのWeb制作ブログ

元SEアラサー女がWeb制作についての学習をシェアするブログです。

はじめてのオリジナル制作 - アクセサリーショップの仮想LP【Webデザイン】【Webコーディング】

背景

Webサイト制作について学習する中、いつも制作済みのデザインをコーディングし、使用ツールもXDばかりになっていたので、はじめて1からオリジナルデザインを制作し、コーディングしてみることにしました。
今回はワイヤーフレームAdobe CompデザインカンプをPhotoshopで制作することに。
コーディングの際にやりやすいよう、XDのカンプも用意しました。

成果物

制作ページ

制作まとめ記事

fuchsia-84.hatenablog.com

fuchsia-84.hatenablog.com

fuchsia-84.hatenablog.com

fuchsia-84.hatenablog.com

fuchsia-84.hatenablog.com

fuchsia-84.hatenablog.com