架空工務店のLPを制作しました。（PC/SP）
※画像をクリックしていただくと、ページ遷移いたします。

【目的】

・Photoshopからのコーディングをスムーズに行う
・Photoshopの操作を覚える

【ターゲット】

HTML / CSS、SCSS、JavaScript、jQuery

【コンセプト（サイト・デザイン）・伝えたい印象・キーワード】

安らぎ、自然、リラックス

【カラー】

メインカラー↓

#31452d

アクセントカラー↓

#b69b04

【フォント】

日本語フォント：”Noto Serif JP”, serif;

英語フォント：”Lora”, serif;

【学んだこと】

◉Photoshopからコーディングする方法を学びました。
具体的に、
・Photoshopの基本操作 { 画像の保存（書き出し）・カンプ上の値の取得・色の抽出など }

◉ドロワーメニュー作成方法の復習にもなった。

【気をつけたこと】

デザインカンプとのズレはないか。（PC/SP）
タブレットサイズや大画面ブラウザなど、カンプで指定された画面幅以外でも最低限デザイン崩れなく表示できているか。

【デザインカンプ】