Webデザイン学習 ガムリアンズトップページ修正
キャラクターデザイン|gumliens ガムリアンズのトップページにサイトマップを設置しました
サイトマップを設置
トップページ以外はすべて外部のサイトという構造で、
検索ボットを悩ませ続け、インデックスされず、圏外
サイトマップのページを製作中ですが、
トップページにも臨時でサイトマップを設置しましました
(翌日圏外から、キャラクターデザイン検索で20ページまで戻って来ました)
サイトマップの重要性を再確認!Webデザイン学習の成果です
(Bossありがとうございました!)
新しいページはWordpressで
現在トップページとブログ2つという構成なので、
ブログを1つ削り、トップページと一つにし、Wordpressで動的なサイトに作り替える予定
(http://www.gumliens.com/ 2012年3月26日 公開)
絵本の作り方|そらくも先生 Web制作
制作Webサイトは1つ目は絵本の作り方|そらくも先生といいます
今度こそ検索上位獲得!
絵本の作り方で検索した結果、『絵本の作り方|そらくも先生』は2位を獲得!
SEO TOOLS調べ(2012年1月17日現在)
http://www.seotools.jp/
さらに付随している大人絵本紹介|そらくもブログ
『大人絵本紹介|そらくもブログ』は1ページ目まできました
絵本紹介で検索した結果、『大人絵本紹介|そらくもブログ』は10位を獲得!
SEO TOOLS調べ(2012年1月17日現在)
こちらは毎日更新しているので、さらに上位を狙えます
この結果は講師のおかげです
HTML+CSSの手打ち、文書構造からSEOまでを教えてくださった講師のブログ
http://d.hatena.ne.jp/css_design/20120112/p1
確実な手ごたえを感じました
このスキルを次は営業活動に生かします
ありがとうございました
恵比寿の美容室アパルトモン・シスWeb制作
恵比寿の美容室アパルトモン・シスのWebを制作させていただきました
(制作Webサイトは2つ目です)
恵比寿の美容室アパルトモン・シスWeb制作でのこだわりポイント
- イメージ優先
- シンプルなコンテンツ
- 他のサイトとの差別化
イメージ優先
検索で来店されるお客様はほとんどない隠れ家的な美容室なので、ひっそりと楽しんでもらえるようなサイトデザインを心掛けました
シンプルなコンテンツ
スタッフ プライス アクセス アイテムなど最小限のコンテンツをページを移動せずに見せるため、横スクロールとシャドウボックスで表示
他のサイトとの差別化
恵比寿の美容室は同じ作りが多いので、他に無いデザインにしました
パブー第2回絵本コンペ『ヨウくんとそらくも先生』
ヨウくんとそらくも先生
本日締め切りの『パブー第2回絵本コンペ』に応募いたしました
- ヨウくんとそらくも先生
- 作・絵: gumtaro
- 公開日: 2011年11月7日
『本を開くとあまりのまぶしさに目がくらみ、次のしゅんかん 絵本の作り方のホームページのhtmlソースが溢れ出て来ました』
『絵本の作り方を知ったヨウくんは、約束を守るために必死で絵本を描きました
それはとても上手とはいえないものでしたが、ヒカリちゃんの心にはしっかりとどいたのでした』
『ありがとう そらくも先生』
絵本の作り方 その6
絵本の作り方その6 色塗りP2
「正体不明の光る物体が突然そらからヨウくんに向かって落ちてきました
どうやら本のようです。表紙には『そらくもの書』とかいてあります
本を開いてみると光はさらにまぶしくなり何がかいてあるかわかりません」
だいたいこんなストーリーです。
全体的に白い画面になると思ったので、影になりそうな所を黒で塗りました
全体に白をのせていきます
紙の色と光の色と背景はほとんど明るい色、表紙部分だけ濃紺でメリハリが付けられそうです
少し見える表紙部分を1ページ目の「そらくもの書」とデザインを揃えました
光の粒が放出されているように背景にドットを入れました
最後にパステルで暗い部分を強調して完成
Webデザイン学習10月12日(水) Webデザインポートフォリオ
JimdoにWebデザインポートフォリオを作成!
http://summerofgorakuless.jimdo.com/
現時点で見せられるものはすべて載せています。
最終課題のWebサイトを除くと、課題をやっていたのはほぼ2ヶ月、
それでも凄い量になりました。
出来る限り画面をキャプチャーし、忍者サイトに設置してあるhtmlファイルにリンクさせ、ソースを確認出来るようにしました。
Webデザイン学校での課題を4つの項目にまとめました
- Webサイト
Webサイトは最終課題で制作した「絵本の作り方|そらくも先生」しかないので、
出来るまでの行程をまとめました。 - html+css
heml+cssはさらに4項目に分けてまとめました。-
- html+css課題集
- 実践演習課題
- 無カラムレイアウト課題
- 初級課題
-
Javascriptも4項目に分けてまとめました。
-
- JQuery
- JQuery独自フィルター
- Javascript
- Navigation
flashは3項目に分けてまとめました。
-
- ActionScript2.0
- 実践演習課題
- Flashその他