Webデザイン

歯科医院のホームページ

職業訓練の課題で作成した架空歯科のHPのトップページです

使用ツール

・WordPress
・Illustrator

WordPressのLightningを使用しています
カスタムCSSでヘッダーの部分にアイコンを追加しました
お知らせの部分も日付とタイトルが一行になるようにCSSを追加しています
スライドショーの画像や背景、ロゴはIllustratorで作成しました


キッチンカーのホームページ

架空キッチンカーのサイトデザインです

使用ツール

・Adobe XD
・Illustrator
・Photoshop
・Canva

Adobe XDでワイヤーフレームを作成し、そこにそのままデザインをはめていきました
ロゴはIllustratorで作成し、トップ画像はPhotoshopで編集しました
Canvaでお知らせとメニューに使用している画像を作成しました


職業訓練のLP

職業訓練の課題で作成したワイヤーフレームをもとにデザインカンプを作成しました

使用ツール

・Adobe XD
・Illustrator
・Canva

CTAボタンはIllustratorで作成しました
Canvaでイメージイラストや画像などを作成し、
Adobe XDで全体のデザインを作成しました