CSS Nite LP, Disk 11　山口 有由希さんセッション

withoutsugar（みどり） @withoutsugar

次のセッション→山口 有由希：Webデザイナーの魅力をさらに高める、サイト運営と分析のすすめ #cssnitelp11

withoutsugar（みどり） @withoutsugar

山口さんの運営しているサイトの紹介。URLは→のプロフィールにあります。http://lp11.cssnite.jp/ #cssnitelp11

withoutsugar（みどり） @withoutsugar

7～8割の参加者が山口さんの運営しているサイトをみたことがあると #cssnitelp11

withoutsugar（みどり） @withoutsugar

セッション開始「これまでのセッションで聴いたような内容を咀嚼し、アウトプットしたデザイナーの体験談としてきいていただければ」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 仕事以外にWebサイトを7つ個人運営している事により、コーディングが慣れたりして、作業スピードが体感2倍になったそうです。

withoutsugar（みどり） @withoutsugar

「運営していくなかでこんなメリットがありました。日々の作業がスピードアップ（自分の感覚で2倍）、数をこなすことによってスピードアップ。たくさんの意見をもらうことができる（プライベートで運営してる故か、気軽にフィードバックを貰えた）」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「メリット続き。個人運営サイトで実験した内容をすぐにクライアントに提案できる。どんな依頼にも動じない、不安も解消（すでに経験すみなので、どのくらいの時間でできるか？という質問にもすぐ回答でき、不安もないのでデザイン作業に集中）。」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「プライベートのサイトなので、多くの人から意見を貰う事が出来る。個人サイトで試していた技術（この場合はiQuery）を、クライアントさんに提案する事ができる。自分で色々な作業を体験しているので、どんな依頼にも動じないようになった。」

withoutsugar（みどり） @withoutsugar

「アクセス解析で気づいた点。運営しているサイトごとに、ブラウザ別アクセス数の割合に違いが。日常の生活ブログと、写真素材配布サイトでは大きな違い。こうして個人運営サイトで得た知見を、左脳派のメンバーにデータをもって説得できる。」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「プライベートのサイトのアクセス解析結果を見て、興味深い結果を知る事ができる。素材配布サイトは閲覧者に制作者が多く、IEの割合が少ない。日記や壁紙サイトは、反対にIEの割合が多い」

crema𝕏（黒野明子） @crema

#cssnitelp11 「それらのサイトを見て、思っていなかった様々な仕事や依頼が舞込むようになった。自分のウリも見えてくるようになった」

crema𝕏（黒野明子） @crema

#cssnitelp11 「プライベートのサイトを運営する事によって、デザイン力を身につけたいというのと、新しい技術を試してみたい、という思いを実現できている。」

withoutsugar（みどり） @withoutsugar

山口さん、目的や意図（例情報を見つけやすく、スムーズな画面遷移）もとで実践の場（自主運営サイト）をつくる #cssnitelp11

withoutsugar（みどり） @withoutsugar

「個人サイトの制作行程」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「情報整理。イメージ、キーザード、図など、思いつく限りのことをかきだす。→ワイヤフレーム→デザインカンプ→パーツスライス（個人サイトは自分ひとりで作業するのでまとめて書きだし、CSS スプライトでパーツの切り出し）。」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「個人サイトの制作過程の話。紙の上でアイディア出しとワイヤーフレーム作成。デザインカンプ作成。CSSスプライトでパーツの切り出し。CSS3の角丸なども積極的に使用。透過PNGでのグラデーション背景（IEでも閲覧可能）なども」

withoutsugar（みどり） @withoutsugar

「（続き）コーディング＆プログラミング→公開（アクセス解析の組み込み、twitterなどを使って集客）、そしてここでおわらず、バージョンアップ（問題点の洗い出しと改善）」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「アクセス解析。Twitterやブログで集客。運用しながら出てきた不満点を改善するバージョンアップ。」

withoutsugar（みどり） @withoutsugar

「たとえば、写真サイトを運営していて「色で検索したい」と思うようになり、写真ごとのカラー一覧を追加。リニューアルアイデアの発想力アップ、解析の分析力もアップ。」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「ポートフォリオサイト制作のすすめ。Webデザイナーを目指している人、Webデザイナーをしている人両方から着目される。」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「ポートフォリオサイトのすすめ。最初は、ポートフォリオサイトが無かったので、サイト同士のつながりが薄く、サイトを見てくださった方から制作のお問合せを受けたり、リンクをはってもらうサイトが分かりにくかった。ポートフォリオサイトを作って、それらを解消」

withoutsugar（みどり） @withoutsugar

「フォロワも増えた。壁にあたったときにツイートすると、回答してもらえるチャンスが増える。また、勤務先へのアクセスも増加。そしてどういうものをつくれるか、知ってもらえるようになった。「こういうものもつくってみない？」と声をかけられることも」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「とはいえ制作実績の公開が難しい場合も。よくあるのは「その他実績がございます」個人サイトがあれば実績として紹介できる。また、フライヤーといった成果物であればWebに限らず見てもらえる」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「10年後、20年後もWebデザイナーでありつづけるために。とにかく全部試す。いま出ている技術、法則を一度だけでもいいから積極的に試す。全ての経験がデザインに繋がっていると信じている。　いつでもデザイナーという目線で世の中のものを捉え、気づきを得る。」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「いつでも『デザイナー』という目線で物事を見るようにしている。」