From Design to Code
描かれた想いをカタチに
Web Coding / Frontend
- 修正や追加を見据えたコードで仕上げたい
- HPを作りたいけれど何から始めればいいか分からない
- デザインはあるからコーディングを任せたい
あなたのお悩みをカタチにするお手伝いをいたします。
Features
-
1
デザインを 忠実に再現
デザインを細部まで読み取り丁寧なヒアリングを通してお客様の意図を正確にコードへ反映します。
-
2
メンテナンスの しやすいコード
長く使われることを前提にSEOやアクセシビリティを意識し、BEM設計による保守性の高いコーディングを行います。
-
3
スムーズな コミュニケーション
進行状況の共有や確認を適切に行い、認識のズレを防ぎながら、安心して任せていただける制作を心がけています。
Skills
-
HTML
- SEOを意識し、文書構造や見出し階層が正しく伝わるHTMLコーディング
- BEM設計による、デザイン変更や機能追加を想定した拡張しやすいHTML構造
- alt属性など、基本的な内部要素の適切な設定
-
CSS
- PC・スマートフォン・タブレットなど中間解像度を考慮したレスポンシブ対応
- 中間解像度ではレイアウトや余白のバランスを確認し、カラム数や配置を調整した設計
- hover・transition・アニメーションなど、UI表現を意識したスタイリング
- Sassを用いたCSS設計（変数を活用した可読性・再利用性の向上）
- ファイル分割・管理を行い、修正や追加がしやすいCSS構成
-
JavaScript / jQuery
- ユーザーの操作に応じた、ページ上の動きや表示切り替えへの対応
- メニューの開閉処理
- スライダーやアコーディオンなど、動きのあるUIパーツの実装
- 要件に応じてライブラリを選定
-
Git / GitHub
- バージョン管理を行い、作業内容ごとにコミットを実施
- 変更履歴の管理およびバックアップを兼ねたリポジトリ運用
Environment
VSCode
Tools
-
Photoshop
-
Adobe XD
-
Figma
他のツールについてもお気軽にご相談ください
Message
