works
制作物
制作期間約4日
レスポンシブ非対応、Javascriptの動作を練りこんで
動きのあるサイトに仕上げました
使用した動き
-
TOPの「お知らせ」の日付が変わるように設定
→PCの現在時間を取得し、表示させる
-
ヘッダーのグローバルナビゲーションだけ、マウスストーカーの動きを変化
→ホバーした際にマウスカーソルとマウスストーカーが消え、波紋だけが見えるようにした
javascriptの練習を兼ねて、javascriptで実装
意識したところ
-
着手前にサイトの概要図を作成し、HTML及びCSSの構造をあらかじめ決めておく
→仕上がりの姿をイメージすることで、コードの整頓化、簡略化を図る
制作期間約7日
レスポンシブに対応、体調を崩してしまい
やりたいことが盛り込めなかったのが反省点です
wixを用いて制作したサイト
ロゴはcanvaで制作
意識したところ
-
友人が法務事務所をを運営しているので、そのサイトを作成したという体で作成
→wixの使い方を確認できたので、次は最初から最後まで制作してみたい
意識したところ
-
現存するお笑い芸人さんのサイトを基に、サイトの構成も似せて「本当にこのお笑い芸人が存在しているような」サイト作りを意識
→「本当に依頼をもらった」設定で1から作成し、依頼受注からの流れを確認できた
制作期間約7日
レスポンシブ対応、HERO画像はPhotoshopで作成
何度か作り直した思い入れのあるサイトです
Illustrator、Photoshopで作成
モックアップの方法を授業中に習い、作成しました
デザインの概要
-
秋の食べ物で最初はPOPの制作を考えていましたが、秋の年中行事→753で制作しようとデザイン構成中に舵切り
→金色の背景以外全て自分で制作しました
Illustrator、Photoshopで作成
真ん中のデザインは千歳飴をイメージしています
Illustrator、Photoshopで作成
真ん中の制汗剤が制汗剤に見えないのが反省点です
デザインの概要
-
推し香水で最初はPOPの制作を考えていましたが、夏→制汗剤で制作しようとデザイン構成中に舵切り
→真ん中のビル街は心電図にも見えるように工夫しました
デザインの概要
-
「職業」について名刺を作る課題
とんでもないことをやりたくて、魔法陣を制作しました
Illustrator、Photoshopで作成
裏面のデザインに時間が裂けなかった分、
表面のデザインに力を入れました
Illustrator、Photoshopで作成
口紅の紅を基調に組み立てました
表紙テキストは自分で考案しました
デザインの概要
-
なかみはあとまわし
デザインの概要
-
なかみはあとまわし
Illustrator、Photoshopで作成
10代～向けの雑誌をイメージしました
Javascriptで作成
簡単な電卓
Javascriptで作成
ランダムに席を決める席替えツールです
skills
所持スキル
- 店長・教室長をやったことがあるよ
- コミュニケーションスキル高いよ
- 電話応対や業務書類作成など事務仕事も一通りできるよ
