これは私のWebデザイナーとして初めての作品。
これを始めるとき、私はどうやったらWebページを
要望通りに作ることができるのか
ということすら正確に把握できていなかった。
とにかく一日中高級マンションのページを見て参考にした。
先生「それ、コーディングできる?」私「は、はい…」
今なら自信を持って…「はい、出来ます!」
This is my first work as a web designer,
which is for "landing pages for a luxury condominium"(without design).
When I started working, I didn't know how to construct web sites
properly.I looked at many websites for luxury real estates,
even though there was no way I could buy one for myself(one day I will!)
My teacher asked me "Are you able to code this?" I responsed
with an unsure "Ah, maybe..." Now, I can say with confidence
"Yes, I can!!!".
課題テーマ | 架空の高級マンションのランディングページ(デザインのみ) |
制作期間 | 2017年7月(約18時間) |
ターゲット | 経済的に余裕のある共働きの夫婦& 定年退職した悠々自適な夫婦 |
コンセプト | 緑豊かな環境、高級感ある創り |
制作意図 | ターゲットがマンション購入を検討する際 一体どのような環境に置かれ、何を考え何を求めていて それらに対してどのようにアプローチしたらよいか? を明確にしました。 |
制作環境 | Windows 10 Adobe Illustrator CS5 Adobe Photoshop CS5 |
2回目の課題は自分で考案したカフェのWebページ。
もし私のお気に入りのロールケーキ専門店がカフェ進出したら?
という設定を作り、構想を練った。
初めて自分のデザインをコーディングした記念すべき作品。思い入れが深い。
レスポンシブになってもほぼデザインが変わらないような縦スクロール重視の
デザインに設定。ということで、スクロールならではの効果を盛り込んだ。
(左の画像をクリックすれば分かります!)
My second work as a web designer is for a cafe.
I made hypothetical webpages for my favorite roll cake shop if it were
to open.(I hope it does from the bottle of my heart)
This is my first time in my life that I coded my own design.
Even though the quality is not enough to open it to the public,
I have a special attachment to this work. The design is vertically long,
and it's important to scroll in order to see it and enjoy the effects.
(Please click on the left image!)
課題テーマ | 新規開業する架空のカフェのWebサイト制作(デザイン&コーディング) |
制作期間 | 2017年7月(約60時間) |
ターゲット | 特に限定しない。(性別年齢問わず広い層に見てもらいたい) |
コンセプト | 既存客がいない新規店舗のWebサイトなので、
初めて訪れた人が見やすく迷わない構成・デザイン。 誰でも気兼ねなくお店に行ってみたくなるような雰囲気。 |
作品構成 |
|
制作意図 | 近年の傾向として、スクロールという動作は 多くの人がごく自然に行っているということから、 閲覧者が出来るだけ少ないクリック数で必要な情報をスクロールによって ストレス無く手に入れることが出来るように設計した。 |
制作環境 | Windows 10 Adobe Illustrator CS5 Adobe Photoshop CS5 |
WAS最後の課題は、小学校Webページ改善案&デザイン。
実在する、学校の近所の小学校をリニューアルさせていただいた。
(※学校名や住所等は架空のものです。)
情報によると、生徒の3分の1近くが転入・転出しているとのこと。
比較的他校よりも外部の方々が閲覧すると考え、
「見やすさ」と「人間のあたたかさ」には力を入れた。
課題3つ目ともなると、だいぶ制作の流れは掴めてはきたが、
正直まだまだ力不足。今後も後も精進に精進を重ねるしかない。
(左の画像をクリックするとページが見られますよ!)
In the end, my work in this school is for
an elementaly school.
(note:the name school and adress of the school are imaginary.)
I've seen infomation that the one third students transfer to another school.
This website not only considers people in the neighborhood,
but those far away as well.Thus, I focused on a simple concept with a human touch.
I've finally understood how to deal with making websites, but I feel as if
my skill level is insufficient. The only way to increase that skill level is
with a lot of practice and experience.
(Please click on the left image!)
課題テーマ | 小学校の既存ホームページをリニューアルオープン(デザイン&コーディング) |
制作期間 | 2017年8月(約60時間) |
ターゲット | 生徒・生徒の家族や親族・地域の人々など |
コンセプト | 既存のサイトの現状分析し問題点を洗い出し、 解決策を提案する。新しくコンテンツを作成しても良い。 |
作品構成 |
|
制作意図 | 現状のホームページは、更新が滞っておらず寧ろ先生方によって頻繁に 更新されていた。内容としては、学年ごと・学期ごとに細かく 区分された生徒生活風景の写真・レポートや定期発行される便り等 とても充実していた今回のテーマはリニューアルではあるが、 極力現状の長所を伸ばし見やすくした。 |
制作環境 | Windows 10 Adobe Illustrator CS5 Adobe Photoshop CS5 |
Oops! あっ!
I did it again...またやっちゃった…
Click anywhere to head back! 画面のどこをクリックしても戻ります。
Gosh!おやっ!
Nothing is here...ここは空っぽだ…
Click anywhere to head back! 画面のどこをクリックしても戻ります。
Hmm...うーん…
I can't see anything at all...何も見えない…
Click anywhere to head back! 画面のどこをクリックしても戻ります。