CTAボタンのデザイン作成とコーディング

期間

2022年7月〜2022年7月

お仕事概要

サイトのイメージに合うCTAボタンのデザイン作成とコーディングを行いました。

お仕事詳細

サイトのイメージに合うCTAボタンのデザインをfigmaを使用して作成し、CTAボタン部分のみのHTML・CSSコーディングをしてその作業ファイルを納品しました。

作成したCTAボタンは以下のものになります。

PC表示時
SP表示時

赤枠部分が作成したものになります。

デザイン作成時は以下のようなものをいくつか提案し選んでいただきました。

「背景」「枠」「テキスト」「ボタン」などの色をHTMLで変更できるようにとのご依頼でしたので、複雑な作りとせず、変更ができるようコーディングしました。

スマホの画像はフレームと画面を別々の画像にしているため、内容に応じて変更ができるように作成しました。

タイトルとURLをコピーしました