Webデザイナー｜バナー・サムネ・LP・HPなどを制作｜Figma・Photoshop・Illustrator・Studio・Canva｜デイトラ卒｜業務委託1社｜デザインコンテスト5回入賞｜バナー好き♡｜✉[email protected]
Joined February 2024
- Tweets1.8K
- Following436
- Followers579
- Likes10.9K
アイ｜Webデザイナー retweeted
【コーディングのお仕事承ります】
8月のコーディング稼働、上旬から中旬にかけて空きがございます。
Webサイト・LP制作、WordPressテーマ作成など、Web制作（コーディング）まわりのお仕事を受付中です。
💬 デザインはできたけど、コーディングする時間がない…
💬 ページ数が多くて間に合わない。数ページだけお願いしたい
💬 WordPressで作って欲しいと頼まれたけど構築方法が不安
制作会社・デザイナー・Webディレクター・コーダーの方の「今、ちょっと手が欲しい！」にお応えします。
＊＊＊＊＊＊＊＊＊
✅ お約束すること
外注で不安なのは、出来上がるまで中身が見えないことだと感じています。
そこで着手前から引き渡しまで、次の3つを標準としています。
・着手前に工数と進め方を文書で共有。認識のズレを先に潰す
・進捗はガントチャートで共有。遅れは分かった時点で伝える
・CSS設計はFLOCSS（BEM記法）に準拠し、保守性を担保する
※ご指定の設計規約があれば柔軟に対応します
✅ 対応できること
・デザインデータからのHTML／CSS／JavaScript実装
・WordPressオリジナルテーマ構築（更新しやすいカスタムフィールド設計対応可）
・既存サイトの改修、レスポンシブの崩れ修正など
✅ 8月の空き状況
・〜8/15 ○（空きあり）
・8/17以降 △（案件ボリュームにより調整可）
＊＊＊＊＊＊＊＊＊
ご相談だけでも大歓迎です。
ヒアリングとお見積もりの提出までは費用をいただきません。
ご連絡はDMかメール（[email protected]）へ。
制作実績はこちらで公開しています。
kurodafolio.com/
アイ｜Webデザイナー retweeted
【デザ研 × デイトラ コラボ企画第一弾🎉】
有料で販売している全4回のデザ研Photoshop入門講座がなんと期間限定で無料で1回分受けれちゃいます！
Photoshopを始めてみたい！基本をおさらいしたい！受講したい！という方は以下のLINE登録からどうぞ😌
liff.line.me/1654901575-R7n6…
アイ｜Webデザイナー retweeted
ポートフォリオサイト公開しました🎨✨
namame-studio.studio.site
figmaでデザイン、Studio で実装を行いました🔨
好きなものをぎゅぎゅぎゅっと詰め込みました🎻
徐々にこれまでの制作物も掲載していきますので、是非ご覧ください☺️
#デイトラ #Webデザイン
アイ｜Webデザイナー retweeted
＼デザイナーへ広がれ✨／
【現場コーダー目線で本当に欲しい指示内容等まとめ】
※すっっごいわがままなこと書きます🙇♂️
指示書があるだけで神！✨と心から思うのですが、『せっかく作るならディレクターやコーダーとのコミュニケーションコストを無くしたり、認識齟齬やコーダーの工数を極力削減したい！』と思ってらっしゃる仏のような方もいらっしゃるようなので
コーダー目線で「こうだったら嬉しい！」というものを共有させていただきます😊
様々な指示書をいただくのですが、「ここまで細かく書かなくても良いのに...🥺」と思う時もあるので、併せて不要なところはデザイナーさんも削減いただければと思います👍
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
①指示書に欲しい内容 (1枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★使用しているフォント
「フォントウェイト」の情報が欲しいです！
特に日本語はデータ容量が多いため、必要な太さだけをインストールします。指示書に使われている太さがあると調べずに済むので非常に工数削減になります。
★カラー
変数設定してコーディングするのであると嬉しいです！
★コンポーネント
極力保守性を担保し、同じclass名で作成するのでどこをまとまりで作っているのかを共有していただけたら非常に嬉しいです！
★アニメーションについて
私自身、デザインの意図や世界観をなるべく汲み取るようにしてアニメーションのスピードや距離感を調整するようには心がけておりますが、デザイナーさんがイメージしているものがあれば参考サイトなどと共に共有いただけたら認識齟齬がなくなると思います！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
② カンプの配置 (2枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PCとSPは両方見ながらコーディングするので各ページで隣にあると助かります！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
③ ホバーアニメーションの指示 (3枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ホバーもコーディングしながら作っていくので、できれば隣に指示があると見落としも防ぐことができ、非常にやりやすいです！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
④ 画像の素材について (4枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
たまに素材を書き出しやすいように、素材を別で用意してくださっている神様のような方もいらっしゃいます✨
もし素材をまとめてくださるのであれば...
・ボックス(ドロップ)シャドウ、角丸が無い状態
・マスクしている場合はマスクをつけたそのままの状態
・PCとSPで縦横比、マスク位置が異なる素材は別で
用意いただけたら、住んでる場所を聞き出して足の方向をそちらへ向けないようにして寝ます...🙏w
※基本画像はコーダーが書き出すものだと思っているので、こちらは無くて全然OKだと思ってます！
以上です！
お互いにコミュニケーションコストや、指示書作成の手間、コーディング過程などで極力無駄な工数を削減できれば、win-winになると思います。
たくさんの方へ広まって欲しいなと思いますので、もし参考になった方がいらっしゃればぜひ拡散 or 引用RT(感想等)をしていただけたら嬉しいです🙇♂️
コーダーのみなさんもぜひよろしくお願いします😊
アイ｜Webデザイナー retweeted
＼ポートフォリオを公開しました！💐／
デザイン〜Studio実装で作成したポートフォリオサイトが完成しました！
親しみやすさと、デザインへ真摯に向き合う姿勢を表現することを目指しました。
ぜひご覧いただけると嬉しいです✨
shibatashiho-portfolio.studi…
#ポートフォリオ #Webデザイナー
アイ｜Webデザイナー retweeted
本日ポートフォリオを公開しました💐
オンラインスクールコミュニティにて先輩方に制作背景を伺い、参考にさせて頂きました✨
制作を応援してくださった皆様もありがとうございます☺️
ご覧いただけると嬉しいです♡
harufleur-design.studio.site…
#ポートフォリオ #webデザイナー
アイ｜Webデザイナー retweeted
【プレゼント企画開催🎁🎉】
お客様のWebサイトを制作するとき、
地味にテキストの擦り合わせに苦労しますよね？
そこで！
Studio公式アンバサダーの私が実務で使っている
【お客様用テキスト入力シート📄】を
プレゼントしちゃいます🙋♀️🎁
私たち個人の提供するWebサイト制作では、
ヒアリング情報・お客様のご提供資料・SNS情報などをもとに、先回りしてテキストのご提案をすると、
お忙しいお客様にとても喜んでいただけます💡
このシートはお客様に上記で考えたテキストの確認と
加筆修正をお願いするためのシートです🤝
お客様にライティングを丸投げする目的のものではありませんので、お客様のご負担を減らすためにご活用ください🙇♀️✨
＝＝＝＝＝＝
実は、、、
私が運営に携わる副業特化型講座
の7大受講特典の1つに
【実務完全マニュアル】という
営業〜納品までの実務の流れを記した
各種テンプレも盛りだくさんのマニュアルがあります📖
今回はその中に新たに追加した
【お客様用テキスト入力シート📄】を
デイトラライトニング1周年を記念して
特別に受講生以外にもプレゼントします🎁🎉
↓📄受取手順↓
==========================
1️⃣この投稿をリポスト＆いいね
2️⃣この投稿に「1周年」とコメント
3️⃣リプ欄のURLから受け取る
⚠️配布期限
2月7日(金) 23:59まで
==========================
※配布期限を過ぎると受け取れないため、
お早めにお受け取りください✨
アイ｜Webデザイナー retweeted
ポートフォリオを公開します💐
sumomo-design.studio.site/
シンプルかつ、ほんのり可愛らしいサイトになるようにデザインしました☺️
sumomo designの象徴でもある、すももをモチーフにして制作しております🥰
デザインからStudio実装までを行いました✨
ぜひ、ご覧ください🙇♀️💓
※1月リソース空いております🙆♀️✨
アイ｜Webデザイナー retweeted
【ポートフォリオ公開】
2025年の最初の制作物として、ポートフォリオを公開しました✨
これまでの制作物は順次アップしていきます🙌
まだ勉強中の為、日々アップデートしていきます！
ぜひご覧いただけると嬉しいです☺️
#デイトラ
#Webデザイン
#デイトラコミュニティ
soudesign2409.studio.site/
アイ｜Webデザイナー retweeted
＼複業・フリーランスを目指す人必見／
営業完全ガイド 無料プレゼント🎁
😥複業したいけど仕事の取り方が分からない
😥クラウドソーシング以外に何やればいいの？
こんな「営業の仕方が分からない」という相談が本当に多い。
そこで、様々な営業パターンを纏めた"営業完全ガイド"を配布します！
僕自身の経験はもちろん、これまで多数のフリーランスや受講生とお話してきた中で「これはいいな！」と思った実践的な営業アイデアだけを50個以上まとめました◎
↓📝資料の受取手順↓
==========================
1️⃣この投稿をRT＆いいね
2️⃣この投稿に「営業ガイド」とコメント
3️⃣リプ欄のURLから受け取る
⚠️配布期限
12月31日(火) 23:59まで
==========================
クラウドソーシング以外にも営業の打ち手はたくさんありますよ！
「どうやって営業すればいいのか分からない」という方は、ぜひ参考にしてみてください👍
アイ｜Webデザイナー retweeted
💐制作実績💐
エステサロンのホームページ（自主制作）
＊制作目的
エステサロンを多くの人に知ってもらい、予約をしてもらうこと
＊ターゲット
・20代から30代女性
・日々の疲れやストレスから解消されてリラックスしたい女性
・美容やアンチエイジングなど、外見の美しさを保ちたい女性
・ブライダルエステをしたい女性
＊コンセプト
女性っぽく、シンプルでエレガント
＊制作ツール
・デザイン Figma
・実装 Studio
＊工夫したところ
上品なゴールドを使用し、高級感を出しつつも、エレガントさも表現しました。
シンプルなデザインで、女性が来店したくなるようなお店の雰囲気にしました。
preview.studio.site/live/BVq…
…………………………………………………………
ホームページ制作💐
＊料金
・3万円〜（デザインのみ）
・下層ページ1万円〜
・Studio実装も可能です
＊納期
・2〜3週間（デザインのみ）
お問い合わせはDMよりお願いいたします💓
アイ｜Webデザイナー retweeted
ポートフォリオを公開しました🎉
見やすさと伝わりやすい情報設計にこだわりました😌
ぜひ覗いていただけると嬉しいです✨
kanaeimai-portfolio.studio.s…
#webデザイン #デイトラ #デイトラコミュニティ
アイ｜Webデザイナー retweeted
スタート！
今すぐ受け取ってください！
「WordPressのしおり／16ページ」
特にエンドユーザー向けにWordPressを仕事にしたい／している人に役立つ資料です。
（実はWordPressのことあんまりわかってないんじゃ？）というお客様にお渡しする用として作成しました。
■こんな内容：
優しい言葉と可愛いイラストを使って、WordPressの注意点をまとめました。
WordPressが一般の人にも普通に知られるくらい広がってきて、小規模なホームページでも「WordPressで」って依頼が多くなってますよね。
でも、WordPressにはたくさんの危険が隠れているのも事実。
案件によっては、WordPress以外の選択肢が適していることもあります。
とはいえ、自らWordPressを希望されているお客様に対して危険性を過度に煽るのは前向きじゃない。
ってことで、役立つのがこのしおり。
■このしおりの使い方：
お客様にそのまま渡しちゃっても大丈夫です。
（最後のページにある作者情報は削除してOK）
お客様の知識レベルに合わせて、補足の説明が必要になるかと思いますが、お客様が安心して便利にWordPressを使っていくためのポイントをまとめています。
■受け取り方法：
いつも応援いただいてるフォロワーさん、準備はいいですか？
・いいね
・リポスト
・コメント／あなたのおすすめプラグイン、よく使うプラグインでもいいです。用途と一緒に書き込んでください
条件をクリアしたフォロワーさんに「しおりのダウンロードURL」を記載したDMをお送りします♪
アイ｜Webデザイナー retweeted
#デイトラ Webデザインコースがまた大幅パワーアップ♻️
実は5年ほど前から知り合ってるマズロー安達さん(@maslow_design)とコラボ‼️
既にデイトラ生の数名は安達さんの少人数制の指導を受けていて、驚くほど成果を出しています😳
そんな実績あるポートフォリオの作り方や営業コンテンツを超追加🤩
#デイトラ Webデザインコースアプデ告知！
━━━━━━━━━━━━━
12月、フォロワー7万人超のクリエイター、
マズロー安達さん（ @maslow_design ）とのコラボ教材が追加予定！
📍ポートフォリオの作り方
📍単価アップのためのヒアリング
📍営業管理とPDCAの回し方
さらに特典として
／
限定テンプレート&
チェックシート付き！✨️
＼
案件が付きない人気デザイナーになるためのポイントが満載です！
お楽しみに😊
アイ｜Webデザイナー retweeted
＼フリーランス新法対応版／
契約書＆見積書 無料プレゼント🎁
2024年11月から施行されたフリーランス新法によって、業務内容・報酬額・支払期日など、書面での取引条件の明示が義務化されました。
そこで！弁護士監修・フリーランス新法の要件を満たした契約書＆見積書テンプレートを配布します！
ベースは「WEBサイト制作」になってますので、コーダー・デザイナーは相手先や業務内容を入力すればすぐ使えるようになっています。
それ以外のフリーランスの方も、「サイト」を「動画」などに置き換えれば簡単に使えるのでぜひ◎
【受取手順】
1.この投稿をRT＆いいね
2.この投稿に「契約書」とコメント
3.リプ欄のURLから受け取る
【配布期限】
11月23日(土) 23:59まで
フリーランス新法で取引条件の明示が義務化されましたが、法律に関わらず、自分の身を守るためには契約書の締結が必須です！
最近はフリーランスを狙った詐欺も流行ってますので、安全な取引を行うためにも、ぜひこのテンプレートを活用してください👍
アイ｜Webデザイナー retweeted
🫧ポートフォリオを公開します🫧
aya-murakami.studio.site/
FVでは「わっか」や丸のオブジェクトを用いて、お客様一人一人の想いが形になり、広がっていく様子を表現しています。
デザイン〜STUDIOまで行い、細部までこだわりました。ぜひご覧いただけると幸いです。
アイ｜Webデザイナー retweeted
【ポートフォリオ公開📣】
✅Figmaでデザイン→STUDIOで実装
✅CMS機能の導入
就活用資料なので、採用担当の方が快適に閲覧できることを最優先に制作。
サイト構造・配色・装飾・レイアウトを極力シンプル化して、視覚や情報処理のストレスを減らすデザインに。
kiri-design-works.studio.sit…
#デイトラ
アイ｜Webデザイナー retweeted
\ 新サービスサイトを公開しました！ /
やさしく柔らかいデザインで
安心感を感じていただきながら
ゆったりと読み進めていただけるような
サイトを目指しました🫧
ぜひたくさんの方に
ご覧いただけますと幸いです☺️
ご依頼、ご相談もお待ちしております💐
emu-design.studio.site
#webデザイン
アイ｜Webデザイナー retweeted
\ フリーランス新法対応 /
発注書テンプレート無料配布
Notionテンプレート第2弾！11月から始まったフリーランス新法で、発注側はフリーランスに業務委託する際、取引条件を明示することが義務付けられるようになりました。（新法3条）
取引条件を含めた発注書テンプレートをNotionで作りました📝
各取引条件を入力するだけで発注書が完成します。
委託されるフリーランス側も発注側に共有してご活用ください。（以前配布した見積書テンプレートと合わせてご活用ください）
---受取方法---
1. @ken_tbdz をフォロー
2. この投稿をリポスト&いいね
3. 好きな絵文字でリプ
随時DMでNotionのリンクをお送りしますので複製してお使いください！（DM開放しててください）
