webデザインを独学で勉強し始めて約1ヶ月。習作サイト完成!

Webデザインを独学で勉強し始めて1ヶ月。習作サイト完成!

やっと、ついに、完成しましたよ! イチから作った最初のサイトが!


この記事は、Webデザイナーを目指して勉強を始めてから実際にWebデザイナーとして働き出すまでの間に書いた、以前使っていたブログに投稿していた記事です。
内容は2015年3月5日に書かれたものです。働き始めて半年足らずの私から見ても素人感丸出しのデザイン。


UNCLE JAM'S BAKERY キャプチャ

じゃじゃーん!!

すみません、まだサーバーとか用意していないのでただのキャプチャです。
そういえば、web制作関係ではあまり「スクリーンショット」って言わないんですね。何か違うんでしょうか。何も違わないよね……? 「スクリーンショット」って言うと長いし、「スクショ」より「キャプチャ」のほうがかっこいいから?

閑話休題。
サーバー借りたらちゃんと上げてみようと思います。スマホからも見てみたいし(特にスマホ対応とかはしてないです)。
とりあえず、せっかくなのでどういうサイトなのかだけでもメモメモ。

HTML5とCSS3をとりあえずざっとお勉強したので実践してみよう、ということで作った架空のパン屋サイトです。

写真はすべてフリー素材をPhotoshopで加工して使っています。(商品見本の写真は白背景のパンを切り抜いて、テーブル背景に乗せました。)

ロゴとメールアイコン、(キャプチャには載ってないけど)アクセスマップはIllustratorで自作。
コードはさくらエディタで手打ちしています。HTML5/CSS3のみを使用したすごく簡単なペライチサイトです。

作業時間は……どうしても途中で赤さんに中断させられたりするので正確にはわかりませんが、一日平均3時間くらいしか確保できてないはずだから、ワイヤーフレーム作成やら写真の加工やらも合わせて全部で30時間くらい? ということは、デザインまでで20時間程度のはず。

これからJSについても勉強して、今度は動きのあるサイトを作ってみたいと思います!

サーバーはどこがいいのかしら……?

この記事を書いた人

ひしもち

京都の某Web制作会社で4年弱勤務したのち、退職して個人事業主となりました。
現在の主なお仕事は、WordPressを利用したWebサイトの制作です。
業務システムのUIデザインをしていた経験もあり。

専業主夫+3人の子どもたちと暮らしています。ゲーム好きなインドア派ですが、ゆるゆる楽しむプレイスタイルです。