やなぎさわWeb制作ど素人でもたったの1カ月で動きのあるサイトを作れました!Twitter9FacebookGoogle+はてブ2Pocketどうも、やなぎさわです。Camp」というWebデザインスクールに通いました。実家のレストランのサイトをリニューアルするためにWebデザインスクールに通うことにしました【PR】そして遂に、できました。そこで今回は、実際にどんなリニューアルをしたのかとWebデザインスクールに通って良かったことを私なりの解釈でご紹介したいと思います。どんなリニューアルをしたのか以前のサイトは、料理の写真で何とかしている感がありました。それにスマホ用のサイトを作っていなかったので、スマホで見た時に他のページを見ることができないなど悲惨な状態でした。動きのあるサイトを目指したスマホ用のサイトを作ったというところです。実際にリニューアルをしたサイトがこちら。[茨城県石岡市にあるフランス料理店]ChezやなぎさわPCでもスマホでもキレイに表示されるので、ぜひ一度ご覧ください。リニューアルにあたり、考えたところとにかく、動きのあるサイトにしたいなと思っていたので、以下の点を考えて作成しました。文字のアニメーションスクロールしていくと、各ページの文字がふわっと浮き出るようにしました。動きの効果によって、見てもらえるようになるかなと思いそのような効果をつけました。写真のスライド料理やお店の写真をスライドさせました。こちらも注目してみてもらいたいなと思いそのような効果をつけました。サイト全体としてサイト全体のデザインとして、ワンカラムでスクロールして見てもらうようにしました。TOPにあるグローバルメニューも通常時は隠しています。ページ数が多いわけでもないので、極力いろんな要素は省いてシンプルなサイトにしたいと思っていました。それに、サイトの色味も変更しました。以前は高級感や大人っぽいというイメージで茶色など全体的に落着いた雰囲気を出そうとしていました。実際にお店を見てもらえれば分かるのですが、実家を改装して作ったとても小さなお店で、高級フレンチのレストランという佇まいではありません。そこで、お店を見た時のギャップが生まれないようなイメージとして、南フランス風の淡い色味にし、親しみやすいイメージにしました。先ほども言いましたが、以前はスマホ用のページがありませんでした。そのため、スマホで見に来てた人はどうしていたのか...。本当に申し訳ない気持ちでいっぱいでした。Analyticsをみても、スマホで来たユーザーの直帰率は高く、ほとんどがPCから見に来ていました。スマホ版に対応したとは言え、せっかくのアニメーションを実装していない状態ですので、まだまだ改善の余地があります。やっていきたいと思います。それもこれもスクールのおかげなんだかんだ完璧にできたーとは言いがたいのですが、なんとか人が見れる形にまではなったのかと思っています。細かく言うと、デザインに関してもっと詰めなければいけないことが山ほどあります。Webデザインというものに触れてみて気づいた点が沢山あったので、本当に勉強になりました。1カ月でできるとは思っていなかったけど、それもこれもWebCampというスクールに行ったおかげだと思っています。挫折をしない環境がある分からないことをすぐにきける環境がある強制的に勉強をするWebへの恐怖心がなくなる学ぶという良いきっかけになるというところが良かったと思います。数千円の参考書を買って、挫折してしまうより、少しお金がかかっても強制的にやることで、次のステップに確実に繋がると思うので、ご自身の先行投資と考えてもスクールに行くことをおすすめします。このことをきっかけにどんどんWebデザインをできるようになっていければと思っています。さいごに1カ月の修行を無事におえることができました。Webサイトをすぐに作れるようにはなっていません。Webに対する苦手意識も克服できたのですごく良い経験になりました。コードを見るなり吐き気がするくらいだったが、今ではまったくなくなりました。1度作った程度ではすぐに忘れてしまいますので、引き続き何かしら作ったり、今回のサイトをちょこちょこ直したりなどしていこうと思います。おやじ、おふくろには、Webサイトを新しくリニューアルしたことを伝えていないので、盆休みにでも帰ってカミングアウトをしようかと思います。喜んでくれるといいな。それでは、いい夢みろよ!やなぎさわでした。ブログのネタに困っているなら地域ブログをはじめてみませんか?Oldやってみた作ってみたABOUTこの記事をかいた人やなぎさわ不肖、やなぎさわです。スキルもなく、もはやスカルな私が、何故かWeb業界に就職。私の記事は、私の成長記録と言ってよいでしょう。2015.12.25【広報】コミュニケーションは会社を強くする!そこで社内報をつくりました夏休みの工作に、オリジナルiPhoneケースを作ってみてはどうでしょう?ある晴れた休日、いちばん簡単に快適な空間をつくる方法RECOMMENDこちらの記事も人気です。2015.1.30理想を貫く意思とスピード。