![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2021/04/cropped-HNT-BLOG-4.jpg?resize=150%2C150&ssl=1)
HNT BLOGのWebデザインとコーディングについて、詳しくお伝えします。
Webデザイン
Adobe Photoshop
フォトショップを使用して、Airbnbのワイヤーフレームとデザインカンプを制作しました。
![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2020/05/LandingPage-AirbnbMainVisuall.png?fit=1024%2C695&ssl=1)
Adobe XD
Adobe XDを使用して、Krishnamurti Foundation of Americaのワイヤーフレームとデザインカンプを制作しました。
![](https://i1.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2020/04/CooperateSite-kfaTop.org_.png?fit=1024%2C774&ssl=1)
コーディング
HTML, CSS, jQuery
サクッとLPを模写コーディングし、レイアウトやコンテンツをカスタマイズしました。
![サクッとLP](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2021/05/first-view.jpg?resize=1024%2C376&ssl=1)
iSaraを模写コーディングしました。
![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2020/03/LandingPage-IsaraTop.png?resize=712%2C495)
CMS
Jimdo
Jimdoを使用して、テンプレートをカスタマイズし、ネットショップサイトを制作しました。
![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2021/05/Jimdo-demo-website-shop.jpg?resize=1024%2C659&ssl=1)
ペライチ
ペライチを使用して、テンプレートをカスタマイズし、LPを制作しました。
![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2021/05/peraichi-lp.jpg?resize=1024%2C661&ssl=1)
WordPress
ワードプレスを使用して、Xeory Extensionをカスタマイズし、ポートフォリオサイトを制作しました。
![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2020/03/WordPress-CustomisedTheme-Top-1024x529.png?resize=726%2C374)
ワードプレスを使用して、Cocoonをカスタマイズし、ブログサイトを制作しました。
![](https://i0.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2020/06/cocoon-Main-Visual.png?resize=665%2C693&ssl=1)
ワードプレスを使用して、Krishnamurti Foundation of Americaのhtmlファイル(静的サイト)を、phpファイル(動的サイト)に変換し、WordPressへアップロード(ワードプレス化)しました。
![](https://i1.wp.com/japanese-web-designer-corder-hnt.com/wp-content/uploads/2020/04/CooperateSite-kfaTop.org_.png?fit=1024%2C774&ssl=1)
まとめ
HNTは、ウェブデザインソフトを使用して、ウェブサイトをデザインしたり、マークアップ言語、スタイルシート言語やプログラミング言語を使用して、ウェブサイトを制作したりしています。
サービスも、ご覧ください。