ヤマモト アヤノ

【Figma】サイト模写を行いました

【figma】温泉施設のHP(下層ページ6P)

【STUDIO】女性向けキャリアスクールサイト

【WordPress】カフェサイト制作

【Canva】ファーストビュー作成

【STUDIO】ノーコードのサイト制作を行いました

【Canva】WEB制作講座 バナー作成

【ペライチ】キャリア講座のLP作成

【Wix】朝 CafeのHPサイト制作

【Photoshop】バナー模写を行いました

【Canva】バナー模写を行いました

【Photoshop】バナー模写

現在、完全オンラインでのWEBデザインの職業訓練校に通っております。
学習内容
・Photoshop・Illustratorの操作、バナーの模写
・figmaを使用してWEBサイトの模写
・canvaでバナーロゴ制作
・STUDIOでのサイト制作
・WordPressでのサイト制作
・ペライチ/WIXでのノーコードのサイト制作

WEBデザイン養成課の訓練校に通っております

【WordPress】宿泊施設のデモサイト作成

株式会社バウハウス マイモール事業部, webデザイナー

株式会社バウハウス マイモール事業部 / webデザイナー

営業事務にてお客様のニーズを引き出す

納期遅延率を改善いたしました

部活動で後援会幹部を務める

部活動にてポスター作成などを行っておりました

Accomplishments / Portfolio

女性向けキャリアスクールサイトをSTUDIOにて作成いたしました。

・課題用のロゴマークからこのサイトのカラーを#8CC6D5　に決定し、CTAボタン・サブタイトルなどはこちらで統一しました。

・女性向けのサイトのため、吹き出しを黒から白に変更しました。
また、キャリアに悩む女性のイラスト画像を挿入し、画像に使われている＃971B3B　を使用し吹き出しを作成しました。

・画像のパディングをマイナスにし、吹き出しのboxの真ん中に配置し、悩みを可視化したようなデザインを意識して作成いたしました。
また、吹き出しは絶対位置にしたことで、タブレットやスマホで見た際にも崩れないようレスポンシブデザインが作成し易いようにしました。

・誰でも受講できるという点を強調するため、ポップで親しみやすいデザインを購入し三種類挿入し、イメージが湧きやすいやすいようにしました。

・このコースの差別化されているポイントであるオンライン受講が可能なことを強調するため、
カラー＃971B3Bを使用して見出しを作成しました。
また、画像のうち2種をオンライン似て作業している画像に変更し流し読みをされてもイメージとして目に残るよう意識しました。

・ここでのサイトの最終目標はサービスの認知として、説明を行いました。
そして、このサイトを訪れたお客様の層は興味フェーズにあると考え、受講資格を記載した後に、お客様が自身が対象か確認できるような診断ボタンを作成しコンバージョンにつなげることを意識しました。

マイナスポイント：レスポンシブデザインまでは作成できませんでした。
別のウィンドウで確認した際余白が多かったため、文字での説明が続いたコンテンツでは、文字分を大きくし、背景に動きをつけてよかったとお思います。
申し込みの流れの欄はアクセントカラーを用いた矢印などを挿入し3ステップであることをより強調できると良かったと思います。


コミュニケーション全般が得意

Webデザイン

Figma

HTML/CSS

ヤマモトアヤノ