なら誰でも簡単にホームページが始められます。 今すぐ試してみる 簡単にホームページ作成

arisa

webデザインのポートフォリオです。
バナー&webサイトを掲載しています。

About

arisa・31才
29才からWEBデザインを勉強中です。
様々な会社のwebサイトを見るのが好きで、実際に自分が作ってみたいと思うようになり、スクールに通い、webデザインを勉強しています。クライアントの目的達成のための手段や表現をよく考え、プロとして提案・表現まで行えるwebデザイナーを目指しています。目標は短時間で惹きつけられ、印象に残るようなデザインを作る事です。
使用ツール:photoshop illustrator dreamwever
スクール:dmmwebcamp プログラミングコース
     (3ヶ月間)
     侍エンジニア塾(webデザインコース・
     3ヶ月)

Webデザイン作品集
-banner-
かわいいver.

webデザインの課題で製作した夏物家電のバナー
夏物家電のバナー
700×200
作成時間:2時間
使用ツール:photoshop,illustrator
目的:夏物家電を探している方向け
気をつけた点:サイズが小さいので、遠くからわかりやすいように文字を強調し、他をシンプルに。パッとみて夏を感じていただけるようにしました。

webデザインの課題で製作した牛丼のバナー
牛丼バナー
500×500
作成時間
:3時間
目的:牛丼を食べたい方に見ていただきたい
気をつけた点:少し高級感を出したいので背景と牛丼の湯気の加工に時間がかかりました。パッと見てわかるように3色でまとめました。
webデザインの課題で製作した犬カフェのバナーのページデザイン画像
犬カフェのバナー
320×250
作成時間:2時間
使用ツール:photoshop
目的:犬カフェにきた事がない方をターゲットに
気をつけた点:シンプルに犬との出会いたい、癒されたい、犬が好きという方の目に止まっていただけるように、文字はシンプルにしました。
webデザインの課題で製作した犬カフェのバナーのページデザイン画像
犬カフェのバナー
320×250
作成時間:2時間
使用ツール:photoshop
目的:犬カフェにきた事がない方をターゲットに
気をつけた点:シンプルに犬との出会いたい、癒されたい、犬が好きという方の目に止まっていただけるように、文字はシンプルにしました。
webデザインの課題で製作したパン屋さんバナーのページデザイン画像
パン屋情報のバナー
作成時間:4時間
使用ツール:photoshop
目的:パンをたくさん載せたい、かわいいイメージという課題

気をつけた点:パンと文字が一番目に入るように見やすさ         を、心がけました。またパンのイラストを入れることで立体感を意識しました。
パンの写真を組み合わせるとどうしても色の差が出にくくなるので文字色を工夫しました
webデザインの課題で製作したダイエットのバナー
ダイエット情報バナー
320×100
作成時間:3時間
使用ツール:photoshop
気をつけた点:モノクロ画像の処理に時間がかかりました。
また左の水玉や波の部分の配置がズレると全体がずれてくるので難しい点でした。
シェイプと水玉や波を入れるのに拘りました。

Webデザイン作品集
-banner-
シンプルver.

webデザインの課題で製作したエンジニアスクールのバナー
エンジニアスクールバナー
336×280
作成時間:50分
使用ツール:photoshop
気をつけた点:求人情報なので、文字と情報を一瞬でわかるように文字をカラフルに、かつ惹きつけられるようにメッセージをシンプルに入れました。
webデザインの課題で製作したジムのバナー
ジムのバナー
320×100
作成時間:1時間
使用ツール:photoshop
気をつけた点:小さいサイズなので、ごちゃごちゃせず尚且つ商品のメリットの部分をみやすい位置に置きました。

webデザインの課題で製作したうどんのおだしのバナー
うどんおだしバナー
468×60
作成時間:30分
使用ツール:photoshop
気をつけた点:うどんとおだしを同じ位置におくと少し統一しなかったので、おだしの背景を変えました。
またフォントの下の筆の線を手書きのようにしたかったのでその点が少し難しかったのと、やはり小さなバナーは文章があまり入れられないので苦労しました。
webデザインの課題で製作した時計のバナーのページデザイン画像
時計のバナー
600×400
作成時間:30分
使用ツール:photoshop
目的:20台後半〜30台がターゲット。
若い方でも購入できる価格帯なのに高級感がある商品。スーツにも私服にもつけていただきたい商品。
気をつけた点:うどんとおだしを同じ位置におくと少し統一しなかったので、おだしの背景を変えました。
またフォントの下の筆の線を手書きのようにしたかったのでその点が少し難しかったのと、やはり小さなバナーは文章があまり入れられないので苦労しました。
webデザインの課題で製作したうどんのおだしのバナー
うどんおだしバナー
468×60
作成時間:30分
使用ツール:photoshop
気をつけた点:うどんとおだしを同じ位置におくと少し統一しなかったので、おだしの背景を変えました。
またフォントの下の筆の線を手書きのようにしたかったのでその点が少し難しかったのと、やはり小さなバナーは文章があまり入れられないので苦労しました。

Webデザイン
-Webサイト-


手作り野菜情報サイト 株式会社Mekers

webサイトの課題で製作した手作り野菜のtopサイトのページデザイン画像
内容:全国の手作り野菜の情報サイト
作成動機父親が農業をしており、幼少期から手作り野菜を身近に感じており、
たくさんの方野菜の美味しさを知ってもらいたいと思い、作成しました。
使用時間:5日間
使用ツール:dreamwever、photoshop
気をつけた点:商品のよさや、たくさんの情報をキャッチしてもらえるように絵と写真をたくさん取り入れました。
また「野菜を作る」「野菜を食べる」二つの観点のページを作ることで、気軽にみた方にも興味を持っていただきたくて作成しました。
レスポンシブはブレイクポイント550pxでpc・スマホ対応しています。
またファビコンはpcのみ対応しています。

和菓子会社 株式会社侍

webデザインの課題で製作した和菓子サイトのtopページののページデザイン画像
内容:和菓子会社のホームページ
作成動機:スクール課題で作りました。
作成時間:1週間
使用ツール:dreamwever
気をつけた点:老若男女さまざまな方に見ていただきたいので、シンプルかつ分かりやすく心掛けました。
イラストレーターでアイコンを作成するのに時間がかかったのと、
また初めてのwebサイト作成なのでコーディング(特にcssのbox等の理解やハンバーガーメニューの際のjavascript)に時間はかかりましたが、レスポンシブ対応550px対応にしています。
ファビコン対応しています。
次ページはdemoページにしています。

閲覧ありがとうございました。

webサイト、バナー、ロゴを勉強中ですので、

随時アップさせていただきます。

また、wordpressの方も勉強中ですので、作成次第アップさせて頂きますので、

よろしくお願いいたします。

ARISA