Page 1

ポートフォリオ

Portfolio

Miyuki


コンテンツ

Contents Chapter1

自己紹介 .........p.1

01: プロフィール・スキル

Chapter2

作成 WEB サイト ....p.2

01: 気まま Manyuki...p.2

02: スラスラ英会話 ...p.6

Chapter3 ポスター・チラシ ...p.8

01: 夜の動物園 ...p.8

02: 稲毛御廟 ...p.10


Chapter1

01

プロフィール

Miyuki スキル ●HTML

★★★★★

●CSS

★★★★★

●jquery

★★★★

●Javascript

★★★

●Photoshop

★★★

●Illustrator

★★★★

●Googleanalytics

★★★

自己 PR 私の持ち味は効率良くスムーズに仕事ができる事です。 仕事業務は時間を見ながら作業効果を確認して効率よく行ようにし、エクセルの 機能やショートカットキーなどを使い短縮化やミスを減らすよう努力しました。 幅広い事に対応していく中限られた時間の中でも確実に素早く仕事をこなす工夫を行う。 そのような経験を仕事に生かし、御社に貢献していきます。

1


Chapter2

01

WEB サイト

気まま Manyuki

http://manyuki.starfree.jp/ 

サイト名 : 気ままManyuki メイン層 : 20 ~ 40 代女性 内容 : 各地域紹介 製作期間 : 5 か月 使用ツール :Terapad

2

コンセプト : 女性をターゲットにしているため        ピンクと緑をメイン色に        花のイラストを処々に        入れて可愛らしい雰囲気 で作成しました。       


●背景

ポイント : 背景に半円型のレースを 横に連続させることで横断幕        をイメージしました。        

●ナビゲーションメニュー ポイント 1 : 植物をイメージしたロゴを中央に         配置 してサイト名を強調しました。 ポイント 2 : つり下がったメニュー飾りは        マウスを乗せると回転する動きを  つけ動的な楽しさを加えました。         また、PC以外のタッチ端末でも         回転するようにタッチして回転が         終わったらページが飛ぶように         jquery で時間調整を行いました。                 ●TOPページ ポイント:TOPページの写真を      スライドショーで入れ替え一枚分の      スペースで様々な写真をアピールで      きるようにしました。 また、スライドショー以外の要素を 少なくしてTOPページに大きく   表示することで各コンテンツを目立      たせました。      

3


●World・Japan・Tokyo ページ ●ポイント 1: 各地域の紹介の前に World・        Japan・Tokyo と大きく分け      

各地図を中央に配置して視覚と

       感覚的に分かりやすくしました。 ●ポイント 2:各地域へのリンクを付箋を        イメージして作成し、ななめに        スライドインの動きを付け        遊び心を加えました。

●各地域紹介ページ -Googlemap-

●ポイント 1:Googlemap を埋め込み紹介場所の マーカを立てクリックすると情報 ウィンドウが開くようにした事で 各地の位置を一目でわかるように しました。またマーカーをピンク        の花に変更してサイトの 雰囲気に        合った可愛らしさを演出しました。 ●ポイント2:マップ外に各地メニューを作り        クリックすると情報ウィンドウを        開くようにして逆引きにも対応        より分かりやすくしました。

●各地域紹介ページ -各地紹介 -

●ポイント:紹介するスポットの数字の後に       各地域の国章や県章を入れ、地域       ごとのアクセントを付けました。      

4


●365Anniversary ページ ●ポイント 1:Javascript を使うことによって        365 日分ページを使わずに全日        文字の置き換えで対応させました。 ●ポイント 2:Javascript を使い最初に表示され        る日付をその日に設定し、他の日        を選択する時に存在しない日付       (2 月 30 日など)を選択できない        ように調整しました。 ●ポイント 3:3 か月事に背景色を変更し遊び心        をつけました。

●レスポンシブ対応

●ポイント:全ページレスポンシブになっており       デバイス幅によって多少レイアウト       を変更することで、どんなデバイス       でも見やすいようにしました。

5


Chapter2

02

WEB サイト

スラスラ英会話

https://surasurawakarucafe.web.fc2.com/ 

サイト名 : スラスラわかる英会話 メイン層 : 年齢問わず 内容 : 英会話教室 製作期間 : 3 週間 使用ツール :Terapad

6

コンセプト : 青と白をメインカラーに        誰にでも受け入れやすく        シンプルで分かりやすい        デザインを心がけました。       


●TOPページ ●ポイント 1:注目させたいキャンペーン情報 をすぐ目に入る位置に置き、        青の補色のオレンジ色の線で        囲むことにより目立たせました。 ●ポイント2: 無料レッスンの流れや News、        会社概要は CSS のみですっきり        と仕上げしました。

●教室一覧ページ ●ポイント:路線地図で各教室の場所を視覚的       に分かりやすく表現し、テーブル       表で都道府県別に各教室の情報を       レイアウトすることで見やすく       しました。       また、Googlemap へのリンクを作       り実際の地図情報を確認できます。

●お問い合わせページ ●ポイント 1:form タグでお問い合わせを作成し        入力された情報をサーバーに送信     できる様に作成。 ●ポイント 2:jquery を使い郵便番号を入力する と下の住所に町名が自動的に入る ようにする事で入力者の手間を 省略できます。

7


Chapter3

01

ポスター・チラシ

よこはま夜の動物園

2016 年よこはま夜の動物園ポスター

作品

:2016 年よこはま夜の動物園ポスター コンセプト:横浜の夜景をバックにさまざまな

製作期間  :1.5 か月 使用ツール :Illustrator・Photoshop

8

サイズ

:B1

動物たちが横浜の町から飛び出して       活発に動き出す様子をイメージ。


●ポイント:横浜の観覧車やランド       マークタワーをシルエット       にして、前に描かれた       動物たちを目立たせながら       シルエットだけで場所が       わかるようにしました。

●ポイント:子供に人気が有りそうな       メジャーな動物やオカピ       などを絵本の絵のように       親しみやす描きました。

●ポイント:夜の文字を強調し、星の       フレームとクレヨンで描       いたような質感で可愛らし       いタイトルロゴにしました。

9


Chapter3

ポスター・チラシ

02

稲毛御廟

千葉市稲毛にある納骨堂のチラシデザイン

稲毛御廟

宗旨 宗派 不問

★3 つのポイント★ ●駅から徒歩 3 分の好立地‼ ●安心のバリアフリー設計‼ ●屋内なので雨天も気にせず お参りできます‼

【価格】

交通アクセス

58万円

穴川 IC

ファミリー 葉

バス停 「園生交差点」

道 路

稲毛御廟

千葉小仲台郵便局

毛駅

稲 JR

稲毛駅前ヤングボウル

タイプ R

【年間管理費】

1 万円+税

稲毛区役所

千葉穴川郵便局

敬愛大

バス停 「穴川十字路」

【価格】 所在地:千葉県千葉市稲毛区穴川町 383-3 電  車 : 千葉都市モノレール 「穴川駅」 から徒歩 3 分 JR 総武線 「稲毛駅」 から徒歩 18 分 バ ス : 京成バス 「穴川十字路」 「園生交差点」 から徒歩 1 分

68万円

ファミリー タイプ S

【年間管理費】

お  車 : 京葉道路 「穴川インター」 から車で 1 分 ( 駐車場有)

1 万円+税

ご見学の際は下記フリーダイヤルまでお電話下さい。 全優石認定店

日本石材産業協会加盟店

フリーダイヤル   コ コ ロ    ヨ イ ワ

0120-556-410 ホームページ :www.marusan.com

メールアドレス :boseki@marusan.com

●東京営業所・メモリアルセンター 〒130-0023 東京都墨田区立川 1-16-20 Y2 ビル 3F

マルサン商会

【指定・提携】神奈川県民共済生活共同組合 ( 仏壇・墓石)/( 一財)神奈川県厚生福利振興会 /( 一財)神奈川県教育福祉振興会 / 横浜市職員厚生会 / 川崎市勤労者福祉協会 ㈱ベネフィット・ワン ( 仏壇・墓石 )/ ㈱ JTB ベネフィット ( 仏壇・墓石)/ ㈱イーウェル ( 仏壇・墓石)

作品名

10

:稲毛御廟チラシ

コンセプト:和風モダンな市松模様を背景にして

製作期間  :2 週間

      掲載情報を厳選することでチラシを際立

使用ツール :Illustrator

      たせました。

サイズ

:A4


●ポイント : 紫色の市松模様をアレンジした       パターンを背景にして高級感の       ある和モダンなデザインにしま した。

●ポイント:エントランスのメイン写真を       大きく配置し、白枠のフレーム       や影を付け立体感で目立たせま       した。サブの写真は主張しすぎ       ない大きさにしながらも点線で       アクセントを付けました。

 ●ポイント :Googlmap を llustrator で        トレースして簡単なイラスト        地図を作成しました。        JR 線は地図記号に沿い点線で        表し、駅やバス停から目的地        までの道と目印を記載。

11


Chapter3

03

ポスター・チラシ・ハガキ

年賀状デザイン

2018 年送付年賀状デザイン

作品

12

:2018 年送付年賀状デザイン

コンセプト:和風ながらも女性らしく可愛くデザイン

製作期間  : 2 週間

      しました。雪輪・ボタン・菊・桜と

使用ツール :Illustrator

      縁起の良い吉祥模様で一年の始まりや

サイズ

      豊穣をイメージ

: 年賀ハガキ


Chapter4

01

パターン・フレーム

カレイドスコープ

第 3 回 撥水風呂敷「ながれ」デザイン

作品

:カレイドスコープ

コンセプト:宝石を散りばめたように華やかな

製作期間  : 3 週間

      パターンでカレイドスコープの一瞬の

使用ツール :Illustrator

      輝きを表現しました。

サイズ

      

: 98×98cm

13


Chapter4

02

パターン・フレーム

デザインフレーム

サファイア・レース・パール・ミラー

作品

14

サファイア

レース

パール

ミラー

:各種フレームデザイン

コンセプト:HPやチラシなどで使えるフレーム

製作期間  : 2 週間~ 4 週間

      女性に好まれるような豪華でかわいい

使用ツール :Illustrator

      デザイン       


Chapter4

03

作品

イラスト

フラワーリース

:フラワーリース

コンセプト:鮮やかな花のリースのイラスト

製作期間  : 2 か月

      復讐色の色の組み合わせで柔らかく

使用ツール :GIMP

      カジュアルに表現。       

15


portfolio  
portfolio  
Advertisement