Web Design

#wire frame

概要

未経験者向けプログラミングスクールのLP（自主制作）

ターゲット

エンジニア転職を目指す20代男女

デザイン

プログラミングは高度で専門的なスキルを要する為、 ベースカラーは知性を感じる「青」で統一。 初めての人でも親しみやすいように、笑顔の人物写真を採用しています。 四角と丸のシェイプでメリハリをつけることで、視認性を意識しました。

レスポンシブ

PC

使用ツール

Illustrator

概要

タスク管理システムのUIデザイン（自主制作）

ターゲット

新社会人の20代女性

デザイン

可愛いデザインで楽しくタスク管理をして欲しいという思いから、 全体的にピンクのカラーで統一。 シンプルな構成にグラデーションで立体感を出し、視認性を意識しています。

レスポンシブ

PC/スマートフォン

使用ツール

Illustrator/Photoshop/XD

#Landing Page

概要

LP模写（自主制作）

デザイン

既存のLPを模写しながら、構成、レイアウト、配色などを自分なりのアレンジを加えて作成しました。
お洒落でポップなビールの世界観を表現しています。

レスポンシブ

PC

使用ツール

VScode