ロゴ

A.S

Portfolio

スタジオアイコン
ココナラアイコン
Instagramアイコン
スタジオアイコン
ココナラアイコン
instagramアイコン

WORK

モックアップ1
CASE1/架空ECサイトデザイン
学習用に制作した架空のプロテインECサイトです。

女性向けのオリジナルプロテインを販売する、ECサイト制作を依頼された想定で制作いたしました。
ターゲットは、20~30代のコンスタントにトレーニングしている女性。
プロテインを飲んでさらに理想の身体を目指したい人にプロテインを購入していただく訴求効果を目的としたサイトです。


figma/Adobe Photoshop使用。
topページ
下向きアイコン
上向きアイコン
トップページ スマホ版トップページ
商品詳細ページ
下向きアイコン
上向きアイコン
商品詳細ページ スマホ版商品詳細ページ
決済ページ
下向きアイコン
上向きアイコン
決済ページ スマホ版決済ページ
モックアップ2
CASE2/架空コーポレートサイトデザイン
学習用に制作した架空のコーポレートサイトです。

クライアントはフリーランスのエンジニアやデザイナーを紹介、活用支援を行っているコンサルタント会社を想定しています。
ターゲットは設立から5年以上たっている営業会社、人材会社、IT事業を始めようと思っている企業、 クライアントは40代以上の男性が多く、ITに疎い人たちです。

WEB上で集客を強めたいのが今回の目的。
アニメーションなどは必要なく、ミニマムのサイトを求めています。

歴史あるコンサル会社を感じさせる、きっちりした雰囲気のサイトが欲しい企業からの依頼です。

figma/Adobe photoshop使用。
topページ
下向きアイコン
上向きアイコン
トップページ スマホ版トップページ
Aboutページ
下向きアイコン
上向きアイコン
アバウトページ スマホ版アバウトページ
Contactページ
下向きアイコン
上向きアイコン
コンタクトページ スマホ版コンタクトページ
モックアップ3
CASE3/架空サイトコーティング
学習用に制作した架空サイトです。
コーディングのみ担当しました。(デザインはしていません)
Adobe XDのデザインカンプからコーディング、パーフェクトピクセルで再現度を高く仕上げています。
レスポンシブ対応もしてあります。

HTML/css/jQuery/sassで構築。

モックアップ4
CASE4/架空サイトコーティング
学習用に制作した架空サイトです。
コーディングのみ担当しました。(デザインはしていません)
Adobe XDのデザインカンプからコーディング、パーフェクトピクセルで再現度を高く仕上げています。
レスポンシブ対応もしてあります。

HTML/css/jQuery/sassで構築。

モックアップ5
CASE5/パーソナルトレーナー塚田操様WEBサイト
都内で活動中のパーソナルトレーナー様からのご依頼です。
テーマカラーが赤ということなので、アクティブでバイタリティー溢れるクライアント様のイメージを意識してデザインしました。中上級者の方はもちろん、初心者の方も安心して楽しくトレーニングを受けられるよう、制作したサイトです。
トレーニングで身体づくりをしたい、1人では効果が感じられない、産後の体型戻しに悩んでいる、そんな女性がターゲットです。

ノーコードツールSTUDIOで構築。
トップへ戻るボタン