Web制作の業務委託(外部パートナー)について
制作会社様・事業会社様・Webディレクター様に向けて、Webサイト制作におけるデザイン・コーディング業務を中心に、企画意図を理解したうえでの設計・制作サポートをおこないます。
「なぜこの構成なのか」「どんな成果を目指すのか」といった背景を踏まえて、指示内容にとどまらず、プロジェクトの一員として伴走します。
お請けできるお仕事
Webデザインを中心に幅広く対応します。
フリーランスならではの柔軟性を活かし、貴社のWeb制作をていねいにサポートします。
対応可能な業務範囲
-
Webデザイン
-
要件・目的を踏まえた情報設計や、ワイヤーフレームの制作から対応可能です。業態にあわせたトンマナを遵守しつつ、アクセシビリティに配慮した配色・装飾を意識してデザインします。
- 新規作成・リニューアルするWebサイトの情報設計・デザイン
- 既存のWebサイトの新規ページをデザイン
- ブログなどのサムネイルや、SNS投稿画像など細かなパーツのデザイン など
-
コーディング
-
セマンティックな構造で、運用しやすく、わかりやすい設計のコーディングを心がけます。
レスポンシブ対応が基本です。PCのデザインをもとに、スマホ用のコーディングもおこないます。 -
CMS構築(WordPress等)
-
更新頻度や運用体制を踏まえて、誰が・どのように更新するか意識した設計をおこないます。
将来的なページ追加・改修も見据え、公開後の運用のしやすさを第一に考えて構築します。オンラインショップの構築はご相談ください。
-
既存サイトの改修・改善提案
-
指示された修正作業はもちろん、構成や導線、情報の整理状況を確認しながら対応します。
「なぜこの修正が必要なのか」「他に改善できる点はないか」といった視点で考え、より良い形があれば提案することも可能です。
軽微な調整から部分的な設計見直しまで、状況に応じて柔軟に関わります。 -
ライティング
-
「テキスト素材を元に、デザインにあわせて原稿にしてほしい」「原稿をWeb上で読みやすく編集してほしい」といったこともお任せください。
端的にリライトしたり、Webでの読みやすさに配慮した文章にまとめます。※元となるテキスト素材のご提供をお願いします。
-
ロゴデザイン等
各種デザイン -
ロゴマークから、チラシや名刺といった販促ツールなどの紙媒体のデザインもおこないます。
-
イラスト作成
-
オリジナルのイラストやアイコンを作成します。
イラストのタッチは各種ストックイラストサイトでご確認ください。
PIXTA | AdobeStock
過去の制作実績
外部パートナーとしてお受けした仕事の一部をご紹介します。
使用する言語・ツール等
デザイン
シンプルで明快なデザインが得意です。見やすさに配慮した色彩設計や、読みやすいレイアウトをおこないます。
- 使用するツール
-
Adobe XD / Adobe Photoshop / Adobe Illustrator / Figma
- デザイン関係の保有資格
カラーコーディネーター2級
コーディング
最新のHTML/CSSの情報をキャッチしつつ、BEMベースで設計します。jsは得意ではありませんが、リファレンスを参照する・ライブラリを使用する・AIの助力を得ながら対応します。
- 使用する言語
-
HTML / CSS / Sass / js(Vanilla JS), jQuery
- 使用するツール
VSCode / Fork / GitHub
CMS
WordPressは既存テーマのカスタマイズが中心、Movable Typeはオリジナルテーマの作成が可能です。リストにないCMSも対応できる場合がありますので、お問い合わせください。
- 使用するCMS
-
Movable Type / WordPress
イラスト
Webサイトの挿絵など、コンテンツにあわせたイラストを制作します。
- 使用するツール
-
procreate / Adobe Illustrator / Adobe Photoshop / iPad Pro
ライティング
既存の原稿をWebに適した構成に編集し直す、テーマを元に文章を書くといった簡単なライティング作業も対応します。
- 使用するツール
-
Google Document
作業環境
主にMacで作業します(Windows PCも保有)。コミュニケーションツールについては柔軟に対応いたします。
MacBook Pro / Visual Studio Code / MAMP / iTerm / Android
- コミュニケーションツール
-
Gmail / Google meet / Chatwork / Slack