<h2 id="h6e45a997a3">LPのデザインの作成</h2><p>LPのデザインを作成しました！シンプルなデザインを希望とのことで海外のLPを参考にXDで作成しました。<br></p><h2 id="h797b67caec">使用したツール</h2><ul><li>Photoshop</li><li>XD</li><li>Canva</li></ul><p><br></p><h2 id="h05810ad1cf">費用</h2><p>5万円(+tax)</p>

LPのデザインを作成しました！シンプルなデザインを希望とのことで海外のLPを参考にXDで作成しました。

LP作成

<h2 id="hf8dd12a491">WordPressリニューアル</h2><p>WordPressでサイトのリニューアルを行いました！既存のサイトが少しチープな印象のためリニューアルを希望とのことです。競合他社のLPなどを比較しデザインを決定しました。デザイン決定後、HTML,CSS,PHPでそれぞれコーディングを行いました。<br><br></p><h2 id="hdb944c639c">技術仕様</h2><ul><li>SCSS/BEM</li><li>WordPress</li><li>jQuery</li><li>レスポンシブ対応</li></ul><p><br></p><h2 id="hb12189a258">制作フロー</h2><ul><li>XDでデザインの作成(モバイル、タブレット、PC)</li><li>モバイルファーストでHTML,CSSのコーディング</li><li>テスト環境でWP組み込み</li><li>本番サーバーに納品し、反映</li></ul><p><br></p><h2 id="h797b67caec">使用したツール</h2><ul><li>Photoshop</li><li>XD</li><li>GULP</li></ul><p><br></p><h2 id="h05810ad1cf">費用</h2><p>15万円(+tax)<br><br></p>

WordPressでサイトのリニューアルを行いました！既存のサイトが少しチープな印象のためリニューアルを希望とのことです。

WordPressリニューアル

<h2 id="h718acc6b2e">LPを作成しました</h2><p>LPを新規に作成しました。お店の広告目的で作成しました。<br><br><br></p><h2 id="hdb944c639c">技術仕様</h2><ul><li>SCSS/BEM</li><li>WordPress</li><li>jQuery</li><li>レスポンシブ対応</li></ul><p><br></p><h2 id="hb12189a258">制作フロー</h2><ul><li>XDでデザインの作成(モバイル、タブレット、PC)</li><li>モバイルファーストでHTML,CSSのコーディング</li><li>テスト環境でWP組み込み</li><li>本番サーバーに納品し、反映</li></ul><p><br></p><h2 id="h797b67caec">使用したツール</h2><ul><li>Photoshop</li><li>XD</li><li>GULP</li></ul><p><br></p><h2 id="h05810ad1cf">費用</h2><p>15万円(+tax)<br><br><br></p>

LPを作成しました。新規顧客獲得のためにドライヘッドスパのメリット、特徴を分かりやすくサイトにまとめました。

<p><img src="https://images.microcms-assets.io/assets/a426ff455d984706891b71b8cf588165/cdfda9e3d14747b79edcbd49b5f59625/full.jpg" alt=""></p><h2 id="h9707d3a59a">概要</h2><p>Pythonを使った自動化ツールの営業目的で作成しました。出来ることをシンプルに伝えられるように情報を削ることを意識しました。導入の敷居を下げるために動画も作成して、Youtubeにアップロードしました。静的なサイトで構成されていて、フォームはhubspotと言われるサービスを使用しました。ホスティングはgithub pagesを使用しました。<br></p><h2 id="ha56c25d780">Webサイトの仕様</h2><ul><li>静的サイト(HTML,CSS)</li><li>レスポンシブ対応</li><li>SEO対策</li><li>Google Analyticsの設置</li><li>問い合わせフォームの設置</li></ul><p><br></p><h2 id="h528bada97b">着手から完了までの期間</h2><p>約1週間<br></p><h2 id="h5e00d77a30">URL</h2><p><a href="https://haruki0622.github.io/autools/" target="_blank" rel="noopener noreferrer">https://haruki0622.github.io/autools/</a><br><br><br><br><br><br><br><br><br></p>

営業用のLPを作成しました。導入の敷居を下げるために動画も作成して、サイト内に組み込んでいます。海外のサイトを参考にしてシンプルな構成がポイントです。

<h2 id="h01b9383756"><img src="https://images.microcms-assets.io/assets/a426ff455d984706891b71b8cf588165/60845ac4f63d46c0ba13d810366cc3c9/tokumoto_full.webp" alt=""><br>お仕事を頂いたきっかけ</h2><p>知人の紹介でお仕事をいただきました。事業化に伴い、Webサイトを制作したいとのことでした。参考のURLをいくつか頂き、ご希望のデザイン等を決めさせて頂きました。内容としてはシンプルな構成で、情報のわかりやすく表示して欲しいとのことで、それらの前提を踏まえてサイト制作を行いました。ご満足頂けてよかったです！ありがとございました。</p><h2 id="ha56c25d780"><br>Webサイトの仕様</h2><ul><li>wordpress</li><li>レスポンシブ対応</li><li>SEO対策</li><li>Google Analyticsの設置</li><li>問い合わせフォームの設置</li></ul><p><br></p><h2 id="h561c67ff82">作業フロー</h2><ul><li>ご予算と要望のヒアリングの実施</li><li>ドメイン、サーバーの契約</li><li>Figmaを用いてデザインカンプの作成</li><li>デザインカンプを元にHTML,CSSでコーディング作業</li><li>jQueryで動的アクションの追加</li><li>phpで動的ページのプログラミング</li><li>FTPでサーバーにファイルを納品し、完了</li></ul><p><br></p><h2 id="h528bada97b">着手から完了までの期間</h2><ul><li>約1ヶ月</li></ul><p><br></p><h2 id="h5e00d77a30">URL</h2><p><a style="color:#4583d6" href="https://tokumotokougyou.com/" target="_blank" rel="noopener noreferrer">https://tokumotokougyou.com/</a><br></p>

Wordpressでコーポレートサイトを作成しました。知人の紹介でお仕事の依頼を頂き、紹介して頂きました。デザインから運用までサポートさせて頂いています。シンプルな構成で情報の視認性を重視しました。

Hello I'm Haruki Izumihara

Value