すべてのカテゴリ

こんにちは！りくです。こんにちは！（ブログ久しぶりだから２回言っとこ。）ココナラブログの更新久しぶりですねえ。最近はココナラをもっと沢山の方に知ってもらい、初心者の方でもわかりやすくココナラの戦略を学べるようにYouTubeメインで投稿をしています。登録者も1200人まで伸び、ココナラのメッセージではほぼ100%「YouTube見てます！」と言われるようになりました。びっくりしたのが、登録者1200人でもインプレッション（表示回数）は9万回とかになるっていうことですね。そりゃ認知されるわけだ。何事もやってみなければわからないことばかりです。さて、ココナラ外ではSNSメディアの立ち上げ、動画編集代行、案件獲得代行などの仕事をしている僕ですが、僕の狭い人脈では月100万円を稼ぐ方に会うことはまだ少なかったりするんですよね。そんな中、最近僕のココナラのサービスを利用してくださった方で✅月間閲覧数１万弱✅月間販売数100件越え✅月間売上100万円越えという化け物みたいな出品者がいらっしゃいました。陰では化け物って呼んでます。（やめとけ）その方のコンサル依頼の目的がぶっ飛んでいて、一言で言うと✅もっと販売数を増やしたいということでした。いや...　え...?笑それだけ売れた上でなお売り上げを伸ばしたいと言う姿勢、格下の僕に頭を下げて学ぼうとする意欲、全てがぶっ飛んでますよね。ぱっと見では何を指摘すればいいのか分からないくらい✔︎完成度の高いプロフィール✔︎効率の良いサービス提供の仕組み✔︎考えられた広告運用だったのですが、どれだけ売れている出品者でもやはり穴はあるものです。その方はサービ

ご覧いただき誠にありがとうございます！ WEBデザイナーのはなと申します。 【プロフィール↓】 https://coconala.com/users/1830480↓こちらが今回ご依頼いただき制作したデザインですそしてブログでご紹介までして頂きました(*´▽｀*)ありがとうございます。【↓こちらがそのブログです】【↓まなさんのページ】https://coconala.com/users/888405きっかけは、私がまなちゃんのブログを読み素敵なサービスがあったので、お気に入り登録させていただいたところ、まなちゃんからお礼のメッセージがきました(*´▽｀*)♡「気軽にまなちゃんと呼んで」と言ってくれる、とても気さくでハッピーオーラ全開の方で直ぐに大好きになってしまいました！笑そんなやり取りの中、「そういえば…例えばブログ内に差し込む画像とかってお願いは出来るんでしょうか？？」と言って頂き、ぜひやらせて下さい！！！(超前のめりw)とな感じで、制作をさせて頂きました♡このブログ内に画像を差し込んでメッセージをお届けするアイデアは、私にはなかった発想だったのですっごく良いアイデアだなと！そしてマネしたい、、|дﾟ)ﾁﾗｯこちらのサービスはヘッダー・バナーと書いてありますが、WEB画像全般、 対応しておりますので、お気軽に「こんなの出来る？」とメッセージを、 頂ければ可能な限り対応させていただきます！そして何よりも嬉しかったのは、・お客様が(まなちゃんが)凄く喜んでくれたこと。・はなちゃん本当にありがとう！早速使える！　とわざわざメッセージをくれました。こちらが感謝の気持ちでいっぱいだっ

ご覧いただき誠にありがとうございます！ WEBデザイナーのはなと申します。 【プロフィール↓】 https://coconala.com/users/1830480只今ありがたい事に皆様のおかげで、こちらのサービスが満枠となっております。この場をお借りして支えて下さった方々、アドバイスや相談にのってくれた、ココナラ仲間の皆様。そしてご依頼して下さったお客様に心から感謝申し上げます。満枠中ではありますが、依頼をご希望の方はメッセージを頂ければ、対応可能でしたら枠をお空け致しますので、お気軽にお問い合わせください(●´ω｀●)皆様本当にありがとうございます♡【マイページ↓】 https://coconala.com/users/1830480はな。

こんにちは！別府あきこです！突然ですが、モノトーンのイラストも得意です＾＾↓↓↓↓サービスのご注文はこちらへ↓↓↓↓webイラストを描くときに気を付けているのは、もしもアニメーションにした場合、動きがわかりやすく、かつ動かしやすい造りで制作することです。また、ウェブサイトに訪れた方が見ていてワクワクかわいいと思えるイラストを描けるよう頭をフル回転させます！過去に描いたイラストを紹介しますね♪webサイト制作会社様のHP挿絵です。イラストタイトル「はじめての方へ」タイトル「自分で修正できるHPがほしい」いただいたクチコミを自分で入れていくイメージです。タイトル「女性に好かれるHPにしたい」年齢に問わず女性に好かれるイメージです。必要であればパーツ分けも可能ですよ！！٩( 'ω' )وお気軽にご相談ください♪↓↓↓↓サービスのご注文はこちらへ↓↓↓↓今日は以上です！次回は「値段の融通を効かせてほしいというご要望への対応」です！次回もよろしくお願いいたします＾＾別府あきこでした！

ご覧いただき誠にありがとうございます！ WEBデザイナーのはなと申します。 【プロフィール↓】 https://coconala.com/users/1830480【今日は購入にあたってのお願い】によく記載されている、納品形式JPEGまたはPNGについて、どっちがいいの？と迷われるお客様に少しでも、参考になれば良いなと思いJPEGとPNGの違いやメリット・デメリットを簡単にお話します。まずはJPEGから・JPEGファイルとは デジタル画像の代表的なファイル形式で、デジタルカメラやその他の複写デバイスで画像を撮影して保存する際に使用されています。・JPEGファイルの用途JPEGファイルは比較的小さいサイズを維持しながら、1,680万色の表示が可能。そのため、写真撮影やweb公開に適しています。 ■JPEGのメリット JPEGファイルは、ほとんどのブラウザー、ソフトウェア、アプリケーションで利用できる、最も一般的な画像ファイル形式。■JPEGのデメリット スペースの節約には有効ですが、大幅に圧縮した場合は画質が低下します。 エッジやラインがはっきりした画像は、圧縮によってシャープさが失われます。 ではPNGについて・PNGファイルとは JPEGと同様に1,600万色に対応しています。 高品質の写真ではなく、主にwebのグラフィック、ロゴ、イラストに使用されます。PNGにはあるが、JPEGにはないものは、透明な背景のグラフィックを処理する機能です。・PNGファイルの用途 透明な背景のロゴ、イラストなど透明な背景がサポートされているため、様々な背景の上に、自然に見えるようにファイルを重

本日は、LPのファーストビューをブラッシュアップしました✨今回は、以前作成したデザインをベースに「より伝わる構成」に整えることを意識して調整しています。■Before（最初に作ったもの）最初に作ったデザインはこちら👇・コピーが少し抽象的・説明文がやや長め・全体的に「読ませる構成」になっていた正直、見た目は悪くないけど「一瞬で理解できるか？」というと少し弱い印象でした💭■After（今回の修正版）今回はこちら👇・コピーをシンプルに整理・情報量を減らして視認性アップ・強調する言葉を明確に👉「自動化」「負担」「軽減」など伝えたいポイントを一目で分かるようにしています■今回意識したポイント今回の改善で意識したのはこの3つ👇✔ 読ませる → “一瞬で伝える”へ✔ 強調は1つに絞る✔ 情報は削る勇気特にファーストビューは「読む場所」ではなく「判断する場所」なので👉 情報を詰めすぎないことが大事だと実感しました■実際に変わったところ・「し、」などの接続を削ってスッキリ・キャッチコピーを具体的に・CTAに「無料」を追加して行動を促進・余白を調整して高級感アップ細かい調整ですが、かなり印象が変わりました✨■まとめ同じデザインでも👉 言葉と余白でここまで変わるというのを改めて実感しました☺️まだまだ改善できる部分もあると思うので引き続きブラッシュアップしていきます！■ひとこと最近は「やさしく伝える」だけでなく👉 “ちゃんと伝わるデザイン”を意識して制作しています✨

はじめまして！ほそえりと申します。Web制作会社に10年勤め、現在はフリーランスとして活動しています。ホームページに関することを出品していますので、ぜひよろしくお願いします！せっかくのブログなので、少し自分のことを。。30代後半、子どもが一人います。育児に追われていた日々は本当に時間がなく、産後の疲労と年齢的にも体力が落ちていて、毎日家のことと育児をするのに精一杯でした。さらに夫は飲食店経営で、土日祝日もお休みがなく、日中～夜遅くまでのワンオペ育児は私にとって、とても大変でした。今は、おかげさまで自由になる時間ができ、こうして活動する時間が確保できています。忙しい時期を過ごして思ったのは、、「時間を買ってでもいいから楽をしたい！」でした。実際、家事代行をプロにお願いしたときもありました。2時間で10品ぐらいの作り置きおかずを作っていただき、その手際のよさや料理の美味しさには、本当に驚かされました。時間が有り余っているときだったら頑張れば自分でできないこともない…　といったことも、時間があっても、自分では上手にできない！…　といったことも、その道のプロにお願いすれば時短になって効率化にもなって、プロの仕事が間近で見られて勉強にもなって、最高！と心から思いました。ココナラってすてき！ココナラは、そんな「その道のプロ」にお願いができる素晴らしいサービスだと思います。もちろん、数あるサービスの中から、本当にその道のプロのサービスかどうかを見極めたりも必要ですが、実績やスキル、評価で比べることができて、とても便利ですよね。私は先日、部屋のインテリアのアドバイスをプロにしていただくサービス

本日は、現在制作中のホームページでHTML・CSSの調整を行いました今回はデザインカンプを見ながら、カードデザインの細かな部分を再現していく作業です。「ここを数px動かすだけで印象が変わる」そんなデザインの奥深さを改めて感じた一日でした。アイコンの位置を微調整今回一番時間をかけたのは、アイコンの配置です。画像を差し替えたことで位置のバランスが変わり、CSSで* `position`* `left`* `top`* `justify-self`などを使いながら、デザインカンプに近づけていきました。数pxの違いでも見た目の印象が大きく変わることを実感しました。リボンデザインもCSSだけで実装カード左上のリボンは、画像ではなくCSSだけで作成しました。特に印象に残ったのが、擬似要素（`::after`）を使ってリボンの先端を作る方法です。今までは画像で作るものだと思っていましたが、CSSだけでもここまで表現できることに驚きました。デザインカンプとの比較コーディングでは「動けばOK」ではなく、デザインカンプを見ながら* アイコンのサイズ* タイトルとの距離* 余白* 線の位置などを何度も見比べて調整しました。細かい作業ではありますが、この積み重ねが完成度につながるのだと感じています。--- 学んだことHTMLやCSSはコードを書くだけではなく、「どう見せるか」を考えることも大切だと改めて感じました。デザインを忠実に再現するためには、1px、2px単位の調整を繰り返すことも少なくありません。少しずつですが、自分でもデザインカンプとの差を見つけられるようになってきたことが今日一番の成長です

結論：ホームページが成功のカギ！信頼性と集客力をアップさせるツールこんにちは、占い師、スピリチュアルデザイナーの平井佳奈子です。今日は、このタイトルの内容について書いていきたいと思います。ところで、あなたは自分のHPはもっていますか？SNSやココナラみたいなプラットフォームだけに頼らず、ホームページを持つことで安定した集客と信頼感の向上が可能です。特にSEO対策を活用すれば、自分のサービスに興味を持つ人々が自然とあなたを見つけられるようになります。安定したビジネス基盤を構築するために、ホームページは欠かせない武器となります。こんな悩みを持つあなたへ占い師やスピリチュアルカウンセラーとして活動している人の中で、以下のような悩みを抱えている方に役立つ記事です。・SNS投稿だけでは新しいお客様が集まらない。・自分のサービスや実績を十分にアピールできていない。・集客が安定せず、収入に波がある。・競合との差別化ができていない。・予約や顧客管理に時間を取られている。この記事を読むと得られる成果この記事を読めば、以下のような成果を期待できます。・自分の魅力をホームページでしっかり伝える方法が分かる。・安定した集客の仕組みを構築するヒントが得られる。・競合との差別化が進み、選ばれる理由を作れる。・予約や問い合わせの管理が効率化し、本業に集中できる。・プロとしての信頼感が増し、高単価のお客様にも対応できる。あなたの悩みの原因は？？考えてみましょう。なぜこれらの悩みが発生してしまうのでしょうか？以下が主な原因と思われます。・SNSの投稿は一時的で埋もれやすい。・お客様が安心して利用するための「信頼

こんにちは、ウェブデザイナーのAicoです。 今回は、私がデザインを担当した和菓子店「和菓子よもぎ」のホームページをご紹介します。 和菓子の魅力を最大限に引き出すため、和の伝統とモダンなデザインを融合サイト作りを安心させました。和の風情を感じさせるデザインコンセプト「和菓子よもぎ」のホームページでは、和の雰囲気をゆっくりと感じられるデザインを採用しています。 背景には、日本の伝統的な模様である青海波（せいがいは）を使い、落ち着きと上品さまた、トップに配置した美しい和菓子の写真は、観察者に和菓子の美しさを伝える繊細で、視覚的なインパクトを与えます。ブランドメッセージを伝えるトップセクショントップページでは、店主のこだわりや和菓子作りに対する思いを伝えるメッセージを中心に構成しています。テキストを縦書きで表現することで、日本ならではの美意識と伝統を強調し、他にはない独特な世界観を演出しています。商品紹介と店舗案内のレイアウト各商品の魅力が伝わるよう、商品紹介セクションにはおすすめの和菓子を大きな写真とともに表示しました。 ユーザーが、店舗に足を運びたくなるようなビジュアルを意識してデザインし、シンプルなレイアウトの中にも華やかさを持たせています。また、店舗案内では地図を埋め込み、訪問しやすい導線設計を行いました。地域に密着した和菓子店であることをアピールし、近隣のお客様がすぐにアクセスできるよう工夫しています。Instagram連携で視覚的な情報をプラス和菓子の美しさをさらに国際的に、Instagramの投稿を連携し、最新の和菓子の写真を表示させています。これにより、ユーザーが季節

ご覧いただきありがとうございます。リョウと申します。 得意なWeb制作を通じて、お客様の課題解決をお手伝いしたいと思い、ココナラを始めました。私は、主にノーコードツールを活用した制作サービスを展開し、 簡単に運用可能なホームページを、手早く・低価格で制作致します。 お客様ご自身が簡単にサイト更新でき、集客や売上のための改善を続けやすいホームページを目指します。IT革命、Z世代、コロナ禍 … 私たちの意識のほとんどがオンライン上に集まりつつある昨今です。 そのような時だからこそ、多くのユーザーの目を引くWebサイトは大きな武器になります。 特に、中小企業 / 個人にとってブランディングが大きな効力を発揮する時代です。 ホームページ制作を通して、そのような理想実現のお手伝いをさせていただきたいです。 Webサイト関連の疑問は、どんな些細なことでもお気軽にご相談いただけると嬉しいです。親身にお受けいたします。https://coconala.com/services/2687631

「SEO対策もできますか？」とご質問を受けることがあります。今回はSEO対策について、またペライチの有効性について、嘘偽りのない内容をお伝えします！結論・SEOで狙うべきは「複合キーワード」・だけど検索だけで集客を狙うのは、正直厳しい部分もある・ペライチのドメインがSEO対策にマイナスになるわけではないそもそもSEOとは？SEOとはSearch Engine Optimizationの略で端的に言えば「Googleで検索した際に上位にサイトが表示されるようにする」ということです。Googleは「ユーザーにとって有益な情報から表示する」という方針を示しています。ひと昔前は、文字数が多い・被リンクが多いなどのテクニックもある程度有効だったようですが、現在は基準も進化し小手先のテクニックでは通用しなくなっています。ココナラでもSEO対策まで本格的に行いHPを作成するのは、20万円～のサービスが多いように見受けられます。検索キーワード選定の他、ページ構成や作成にも戦略が必要です。またサイトを作成しただけでなく、定期的な記事の更新などお客様の協力も不可欠です。なので、「SEO対策を行った、検索上位に入るサイトを作れますか？」と質問を受けたとすると、残念ながら「ペライチで作成する2万円代のサービスでは単体のキーワードで上位に表示されるサイトを作成することは難しい」となります。LP作成におけるSEO戦略「えー！じゃあSEOは全て諦めるしかないの！？」と思うかもしれませんが、1ページのLPや、新しく作成するWEBページにおいて狙うべきは「複合キーワード」です。例えば、新しくヨガの教室ができたの

# 振り返りのカタストロフィ#9 # 2020年9月1日の志 感謝の気持ちを伝える # できごと - スクールのサポーターに感謝のメッセージを主体的に送った - 昨日眠れなくていまいちだった - クラウドワークスにデザインコンペに挑戦する # 感謝していること 1. 担当でもなんでもないのに、絡むようになって個別にコンタクトまでしてくれて、深夜までzoomしてくれたこと # やること - [ ] バナーを作っては提案する やることができた ようやくクラウドワークスに挑戦している、 なぜクラウドワークスだったのか クラウドワークス、ランサーズ、ココナラした存在を知らなかったこと、 ココナラは一度挑戦して挫折したこと、 ランサーズはUIが使いにくそうだったこと、 とうことでクラウドワークスに挑戦した。 リアルな案件に取り組んでみると、 あまりにも抽象的な依頼、 検索したこともないようなサービス内容、 うまくまとめづらいコピー、 といったように、スクールの課題とは難易度がまったく異なるものだった。 スクールの課題は、あくまでも課題作成できる前提、成功体験を積ませる前提のものだと痛感した、 あまりにも整えられている。 実際の案件、困っている人の問題を解決するにはあまりにも整えられているのだ、 あれだけ整った条件ならば、自分で解決した方が早そうなので当然である。 たった一日、現実的な課題に直面しただけで疲れた。 スクールの課題をうまくこなして、Webデザイナーになって気でいた僕にとって その事実は脳をとことん疲労させた。 大金をつぎ込んだという事実が、これ以上の努力すること、現実を見る

今回は中小企業のweb集客について考えてみました。そもそも集客を考えたときに何がいいかというとSNS発信やSEO対策・MEO対策、web広告、youtube全部やって色々なところで目につくのがいいに決まっています。しかし、それは大企業の戦略です。中小企業は経営資源（ヒト、モノ、カネ）が絞られている中でターゲットを絞り、どのメディアがターゲットに届くのかを考えて戦略を考えなければいけません。今回はそんな中小企業のweb集客について考えてみましたのでぜひご覧ください。ターゲット選定についてターゲットって絞るべきなの？まずターゲットって絞るべきなのか、疑問に思う方も多いのではないでしょうか？「うちは来ていただいたお客様がすべてターゲットだから」「ターゲットを絞って他のお客様が来なくなると困る」と考える方も多いと思います。しかし、集客するにあたってはターゲット選定は基本であり、最も大切な部分です。全員にささる言葉や商品はありません。それにターゲットを絞ってもその他のお客様も需要があれば必ず来ます。先ほどいった通り、中小企業は資源がありません。しっかりとターゲットを絞りましょう。ターゲットの絞り方ひと昔前は年齢、性別等でわける分け方がよくありました今はライフスタイルで考えていくのがわかりやすいです。そしてその人たちがどのように商品・サービスを利用して、ベネフィットを得るのかストーリーまで考えてターゲットを選定します。例えば「シーブリーズ」は当初のターゲットを「20代～30代の海へ行く男性」にしていましたが、「街にいる女子高生」に変更したところ売り上げが大きく伸びました。ターゲットとする人

Webサイト制作とWebマーケティング運用についての疑問点を一緒に解決していくサービスを提供しております。 Webサイト制作とWebマーケティング運用についての疑問点をお持ちの方、ご一緒に解決していくサービスを提供しておりますのでお気軽にご相談ください。サービス提供の提案事例を紹介しております。 ※当サイト以外での提供事例もございます。 今回は下記です。【事例】DNS設定、既存ドメイン会社からCANVAの新規サイトへサイトを切り替えたい手順・ドメイン会社でのDNS設定状況を確認・オプションサービス加入が必要、申込み・オプションサービスの設定、DNSのレコード設定・切替完了詰まる箇所・ドメイン会社でのDNS設定状況を確認そもそもドメインとは？サーバーとは？DNSとは？レコードとは？という疑問点がいくつもありつつ、各ドメイン会社で設定の仕方や編集ページ、案内の文言が違うので、整理しつつ、分からない点はすぐにドメイン会社の「お問い合わせ／ヘルプ」担当に確認する前提で進めると良いです。・オプションサービスの設定、DNSのレコード設定 ここも、既存のレコード設定から新規のレコード設定に切り替える場合、それぞれの設定仕様や文言、入力できる情報（例　NAMEに＠という文字列つかえないなど）があるので、設定後、最大72時間後に設定が反映され、どうやらエラーかもしれないなど判断すると思いますが、もう早めに、数時間ぐらいで、エラーと判断して、一報ヘルプに確認しつつ、適宜進めていくとよいです。エラー確認の一例nslookupでIPアドレスの確認レコード設定ではIPアドレス（たとえると、Webサイト

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝あなたのデザインをカタチにします。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝初めまして。フリーランスWeb制作者のフクヤマです。 現在、31歳。鹿児島県でフリーランスコーダーとして活動しています。 あなたのデザインをカタチにしてお客様に届けるためのパートナーとして活動しています。 迅速・丁寧なコーディングを心がけています。 もともとは医療職でサラリーマンをしていました。 副業として軽い気持ちで始めたWeb制作でしたが、独学や本業で困難なことが多く6ヶ月かけて案件を獲得し、納品しました。 その時のお客様からの「ありがとうございます。」の言葉が忘れられず、Webが大好きになりそのまま脱サラ。 サラリーマン時代は「会社の名前」や「大勢のスタッフの中のひとり」だった私が人生で初めて、自分が努力してお金を対価としていただきさらに私個人への「ありがとう。」という感謝の言葉が私の人生を大きく変えました。 Web制作が大好きです。 デザイナーの方が丁寧に細部まで仕上げたデザインを丁寧にカタチにするお手伝いをします。 あなたからの連絡をお待ちしております。

今から本格的にECサイトの立ち上げをご希望なら、Shopifyが一押しです。以下、Shopifyの強みについて簡単にまとめさせていただきましたので、よろしければ一読ください。 ・Shopifyはカナダ発のプラットフォームで、世界中のサイトの約３％がShopifyで作られています。Eコマース売上額で言えば、アマゾンに次ぐ世界２位の売上額を誇ります。従来のECサイトの構築は、最低でも300万円ほどかかっていましたが、Shopifyなら５０万円以下にも抑えられます。 ・初心者でも使いやすいシンプルな管理画面で、操作性やデザイン性も抜群です。また、日本の他のノーコードと違い、コードの知識を使えば、好きなようにデザインをカスタマイズできます。・ECサイトを立ち上げただけでは、砂漠にビルを建てたようなもので、集客に力を入れなければ意味がありません。Shopifyでは、サイトに集客するためのマーケティング機能がとにかく豊富です。Shopifyで登録した商品は、実店舗、楽天、インスタなどのSNSストアまで簡単に連携でき、ストア分析や売れ筋商品の確認、CV率改善のアドバイスまで管理画面でチェックできます！ ・1分間に10000件越えの注文にも耐えられるほどのサーバー強度を誇り、顧客データは安全にクラウド管理できます。つまり、セキュリティ磐石です。ワードプレスのECサイトであるWoo Commerceなどは、セキュリティが弱いのが難点です。 ・これだけの機能がなんと月額３０００円から使えます！ ・越境ECに強く、越境ECへの拡大を考えられているのなら、Shopify一択とまで言われています。 ・よ

はじめまして。これまでホームページ制作やWebサイトの運用・保守を中心に、多くのお客様のWeb制作に携わってきました。このたび、より多くの方のお力になれればと思い、本日よりココナラでのサービス提供を開始いたしました。企業サイトや店舗ホームページ、WordPressサイトの制作・修正、サイトの保守・運用など、幅広く対応しております。「ホームページを新しく作りたい」「今あるサイトをもっと見やすくしたい」「ちょっとした修正だけお願いしたい」そんなご相談も大歓迎です。ココナラでは初めての出品となりますが、これまで培ってきた経験を活かし、一つひとつのご依頼に丁寧かつ誠実に対応いたします。ご相談・お見積りは無料ですので、Webサイトに関するお悩みがございましたら、ぜひお気軽にご相談ください。これからどうぞよろしくお願いいたします！

本日は、Web制作でカードデザインに使用するリボン装飾をCSSだけで作成しました。一見シンプルなデザインですが、実際に作ってみると「こんな表現もCSSだけでできるんだ！」という発見がたくさんありました。---リボン本体を作るまずは長方形のリボン本体を作成しました。```css.reason-ribbon {  position: absolute;  top: -2px;  left: 12px;  width: 24px;  height: 30px;  background: var(--gold);}```カードの左上に配置し、背景色を設定することでリボンのベース部分が完成します。ここまでは比較的シンプルなコードです。---ポイントは擬似要素！今回一番勉強になったのが、この部分です。```css.reason-ribbon::after {  content: "";  position: absolute;  left: 0;  bottom: -7px;  border-left: 12px solid var(--gold);  border-right: 12px solid var(--gold);  border-bottom: 7px solid transparent;}```最初は「三角形の画像を使うのかな？」と思っていましたが、実は**border**だけで作られています。左右のborderに色を付け、下側だけ透明にすることで、リボンの先端がV字にカットされたような形を表現できます。画像を使わずにここまで表現できることに驚きました！CSSだけで装飾が作

本日はホームページ制作で、HTMLサイトをWordPress化するためのPHP編集を進めました。これまではHTMLやCSSを中心に触ることが多かったのですが、今回はWordPress特有のPHPコードを扱う機会がたくさんありました。特に苦戦したのは、投稿一覧や記事ページの表示部分です。ニュース一覧を表示するために、* get_posts()* foreach* setup_postdata()などを使用しながら、投稿データを取得して表示する仕組みを学習しました。また、* アイキャッチ画像の表示* カテゴリー表示* 投稿日の表示* 記事タイトルの表示などもPHPで動的に表示できるよう調整しました。---WordPressはHTMLだけでは作れない静的なHTMLサイトであれば、一つひとつ手作業で更新する必要があります。しかしWordPressでは、投稿を追加するだけで一覧ページや詳細ページに自動で反映されます。その仕組みを支えているのがPHPです。実際に触ってみると、「なぜこのコードで動くの？」と思う部分も多く、まだまだ勉強が必要だと感じました。---少しずつ理解できるようになってきた最初はエラーが出るたびに焦っていましたが、* PHPの記述場所* WordPress独自関数* ループ処理など、少しずつ理解できるようになってきました。デザインだけでなく、WordPressの仕組みも学びながら制作を進めています。本日はここまで！【before】（HTML）<h2>NEWS</h2><div class="news-item">  タイトル</

本日は、現在制作中のLPに「お客様の声」セクションを追加しました☺️LPの中でもこの部分って、実はかなり重要な役割があります。サービスの内容や魅力をどれだけ伝えても、やっぱり最後に背中を押してくれるのは実際に利用した方のリアルな声だと感じています。今回作成したデザインでは、・やわらかく安心感のある配色・読みやすい余白の取り方・ひと目で内容が伝わるレイアウトを意識して制作しました✨「しっかり読ませる」よりも、パッと見て信頼感が伝わることを大切にしています。デザインについては、最初かなり悩んでいて…💭いろいろ参考を探したり試行錯誤しながら、最終的には自分のLP全体の雰囲気に合うように調整しました。結果的に、他のセクションとも自然につながる形にできたのですごくいい経験になりました☺️LPは、ただ情報を並べるだけではなくて**「どう見せるか」「どう感じてもらうか」**がとても大事だと改めて実感しました。少しずつですが、完成に近づいてきています✨引き続き、より伝わるLPになるように丁寧に仕上げていきます☺️本日制作した画像です↓↓↓（３種類作成しました）

こんにちは！デザイナーのAicoです😊 今日は私なりに考えた「成功するビジネスサイトの秘訣」をシェアしちゃいます！ これからサイトを作る人も、すでに持ってる人も、ぜひ参考にしてみてくださいね♪1.目隠しデザインで第一印象アップ↑↑サイトデザインって、お店の看板みたいなもの。派手すぎず、でも印象に残るデザインが大事です！2.使いやすさは絶対に譲れない！特にオシャレなサイトでも、使いにくかったら客さんは逃げちゃいます。 特に「買う」ボタンとか「問い合わせ」ボタンは注目です！ワードプレスのテーマを選ぶときも、デザインだけじゃなくて使いやすさもチェックしてみます👀3. SEOって言葉は難しいけど、必要なのは「見つけてもらう」こと「SEO対策」って聞いて難しいですよね。でも、要はGoogleさんに「このサイト、いいね！」って思ってもらったこと。タイトルや決断に正しい言葉を使ったり、サイトの読み込みを速くしたり...こういう基本的なことでも、効果はバツグンです👍4. スマホ対応は今の常識！今どき「スマホ対応してます」なんて言われないくらい当たり前。パソコンでカッコよく見えるデザインも、スマホだと使いづらかったり。両方でしっかりチェックが必須です！5. 魅力的な内容で信頼ゲット！読者さんが知りたい情報、必要なことをズバッと解決できる内容をご用意させていただきます。例、美容室のサイトなら「梅雨の髪の悩み解決法」みたいな記事を書いてみる。 そこから自然に自分のお店のサービス紹介...なんていうのもアリですよ😉6.セキュリティ対策で安心感アップ「https://」で始まるURLって見たことあります

はじめまして。フリーのWebコーダーのさちです。自己紹介をさせてください。４７歳　三重県在住のコーダーです！コーダーってなに？って感じですが、WebデザイナーがデザインしたWebサイトを実際にインターネット上で見ることができるように、コードを書く仕事です。私の名前は、幸　と一文字で書きます。幸せを運ぶ人になりたい！の思いから四つ葉のクローバーをトレードマークにしています。私は、長年、観光業で体験講座をレクチャーするお仕事をしています。体験に来ていただくお客様は、初めてだけど、やってみたい！初めてだけど、大丈夫かなあ？というお客様が多いです。わからないけれどやってみたい！という思いに寄り添うことを得意としています。さてー。現在、パートで週３〜4日、働いている私ですが、なぜに副業を始めようかと思ったのかと言いますと・・・子供も大きくなり、一番はお金がかかるから〜。部活やら、塾やら、食費など。バカにならんくらいにお金がかかる！しかもこの物価高！正社員になろうとも考えたんだけど、この年から正社員の壁が高い高い。ダブルワーク？？体力的に頑張れるのかー？ちょっと無理だなーと思ったのが一点。もう一つが、２０歳から営業事務として働き、結婚して、仕事を辞め、子育てを優先にしてきました。子供が、小学校に入ったあたりから、パートに出るように。やっぱり仕事って楽しい！という気持ちと、子供も大きくなり、だんだんと自分のことを考える時間が、出来始め、これで良いのか？と悶々とした日々を送っていました。そこで、出会ったのが、このコーダーというお仕事。約１年間、学習して、HTML、CSS、JavaScript、

こんにちは。HPが手軽に作成できるようになってきましたね。今回はHPを作る前に【大事にしておきたいこと】を書いていきます。【まずHPを作るのって大変だよね】・作り方を調べるのが大変そう・HPを作るのに何が必要なの？・そもそも作る時間がないんじゃい！　などなどあると思います。昨今は手軽にドラッグ＆ドロップで作成できるサービスも出てきたことからチャレンジする方も増えてきているかと思います。【いやいや、作ってもらったほうが早いよ！】・本業やプライベートに時間を割きたい・調べる手間が省けるよね・できる人に頼んだほうが安心　などなどあると思います。【よくある話】①「よし！とりあえず作成を頼もう！」→文章を考えるの苦手だから全部おまかせで！②「うーん、センスがないから何が良いやら」→画像もデザインも全部おまかせで！③「作ってもらったけど…うーん」→完成を見てこれで良かったのだろうか？よくある話です。【大事にしておきたいこと】☆①　HPはもう一つのお店や個展を開くことと同じ文章やイメージを考えることは苦手と思う方がいるかもしれません。HP製作者に全部をお任せする前に、こう考えてみてください。---自分の活動をお客様やファンになって欲しい人に普段、どのように自分の活動を紹介していますか？「これが得意なんです」「これを伝えたいんです」「こうなったら素敵じゃないですか？」「こんな活動をしているんですよ」と自然とお話をしているのではないでしょうか？---これだけで良いのです。HPは自分のお店や個展を開くことと同じです。そこに簡単で良いので「想い」や「好きなこと」を製作者に伝えてみてください。ここから

こんにちは。VERONICAの北島です。 本日、２０２２年１２月１０日付の Webサイト制作・Webデザイン部門で、 昨日の２位から上昇し、おすすめランキング１位（27,964 件中）になりました。当方は、WEB制作歴９年・WEB制作で１００件以上の実績がございます。ただWEBサイト（ホームページ）を作るだけではなく、 現役で、全国の中小企業・店舗様に WEBマーケティングコンサルタントとしても 集客、売上アップをサポートしている点が強みです。 デザイン・内容・顧客導線・ユーザー視点・ マーケティング視点・SEO・伝わりやすい・見やすいなど、 総合力の高いホームページを制作致します。 VERONICAのサービスは、 ◆ココナラからプロフェッショナルだけを選定した【PRO認定】サービス ◆ココナラの最高ランク【プラチナ】 ◆２万件以上販売されているWebサイト制作・Webデザイン部門でも 過去に何度も【ランキング１位】を獲得。 ◆過去１４０件以上の販売実績があり、 すべての評価【満点】を頂いております。 ５万や１０万円の格安のホームページでは、 品質が低いものが多数存在しています。 格安ホームページ作成したお客様から、 「評判が悪い・反応が全くない」など 数か月後に、当方へ作り直しの依頼も頂いております。 当方は、ココナラでは高額な方になりますが、 WEB制作会社と比べると、 一人で制作し、家賃・人件費などのコストが大幅に抑えらるため、 ２分の１、３分の１での価格でご提供しております。 当方は、WEB制作会社のクオリティで、 市販・無料のテンプレートは使わず プロ仕様の完全オリジ

初めまして！フリーランスでWeb制作をしておりますゆうたと申します。 この度、「STUDIOでホームページ制作」という新サービスを出品致しました。このサービスはまだホームページを持っていない個人店様向け(個人店でなくてももちろんOK)と考えています。 STUDIOでは、無料プランがありますので 維持費は0円～ホームページを作成できます。 面倒なサーバーの契約も必要なく、デザインの自由度が高いので オリジナルのデザインが作成可能です！想いを丁寧にヒアリングさせていただき、制作いたします。 初めてホームページを作成する方や、PCが苦手な方にも 寄り添ってサポートさせていただきますので、ご安心ください！相談頂ければすぐに対応させていただくのでお気軽にご相談ください！

WEBディレクターっていらないんじゃないの？自分でこの仕事を始めたころ「わたしの立場って別に要らないのでは？」と思ってきました。要するに調整役、整理する人なので。そんなに込み入った話じゃなければ居なくてもサイトはできるでしょ？と。それに、デザイナーさんやコーダーさんにもここはこういう造りにしたほうがいい、という背景があるわけです。むしろ実際に手を動かす人の方がその辺りに詳しいはず。作りやすいとか、後から手を加えやすいとか。だとしたらディレクターが変に話をまとめてきちゃうより、制作の方が直接クライアントと話したほうがいいんじゃないの？と。最近になってフと「そういえばこれについて深堀してないな」と思い出したので、同僚に質問してみることにしました。まずは制作チームの方から。話をまとめるために要る（制作チームより）もう単刀直入に「あのう、前から思ってたんですけど。WEBディレクターって要ります？ご自分でやったほうが早くないですか」と聞いてみました。まず答えてくれたのは、デザイナーさんです。「要りますよ！わたし自分でディレクションやってたこともありますけど、もう大変でした。わたしは作ってた方がいい、作りたい。その中で自分のアイディアが出せるところは出しますけど、それ以外の交渉事はディレクターさんにお任せしたいです」なるほど…。作るためのアイディアと案件をまとめるための発想はちょっと違うのかもしれないな…。次に、コーダーさんに聞いてみました。「要ります、いります。僕はまとまった内容に対して正しく作ることはできますけど、お客さんの想いとかビジネスをどうやってサイト設計に落とすのかは分かりませ

＼　ご覧いただきありがとうございます！　／画像の加工やホームページのデザインについてですが、なるべくイメージデザインに添える様に尽力してますが、イメージ画像やイメージURL等をお送り頂けるとこちらでイメージがしやすいです‼︎可愛い系・カッコイイ系・落ち着いたデザインデザインにも様々ありますよね私の方でもデザインについては『正解』はありません。。日々、苦戦しておりますが色々なデザインを考えるのは楽しいです😆お客様がご満足頂けた時に初めて『完成』となると思ってます。自分の好みに寄りすぎない様に・・・いつも『正解』を探してます。もちろん、イメージがわかない場合でもご提案からさせて頂きますので、お気軽にご相談下さい♪

ココナラ新参者のちなつです。現在Webサイト制作と、画像の加工を最安値で出品しています。それらについて軽く紹介させていただきます。WordPressを使ってWebサイト、ブログページを作ります。会社紹介・飲食店・教育系など、その他色々なホームページを作ります。もう一つは写真・画像加工ですプロ用の写真加工ソフト、Photoshopを使って写真を切り抜いたり、不要なものを消したり、背景の色を変えたり、合成写真を作ることもできます。その他に、ココナラ、SNSやWebサイトのトップ画像やプロフィール画像制作など、静止画の加工ならなんでもできます。初のブログということで今回は軽く商品紹介させていただきました。今後、私の自己紹介や、私の商品の詳しい説明など、ここのブログで紹介していきたいと思います。最後まで読んで頂きありがとうございました。お気軽にご質問等お待ちしてます。

今今待機中ですので、是非ご利用ください。深夜まで待機しています。電話だと高額になりやすいので単的にお伝えしますし、可能な通話時間を教えて頂ければ、それ以内にご質問にお答えしますよー

ノーコードでLP制作をしている「おまかせ◆WEB Create」です！出品3ヵ月でありがたいことに、プラチナランクを継続し、ジャンル最高位4位を頂くことができました。出品者さまにページを見てもらうことも増えたので、「ココナラを更にいい場所にしたい！」という想いから自分が培ったノウハウを共有していきます。私の出品ジャンルはWEB制作ですが、動画制作や似顔絵作成など様々な方に参考になる情報です。出品者さまはもちろん、ご購入者さまも気になった方はぜひご覧くださいませ！では今回から具体的な出品準備についてお伝えしていきます！ ですがその前に... ココナラに初めて登録した人は、まず購入者となることをオススメします。 顧客がどういう手順でサービスを探し購入するのかを知るには、自分が購入者の立場になることが一番です。 具体的には似顔絵やバナーが、安価で実用的なのでおススメ。 さて、一度購入者としての経験を積んだ人から、具体的な出品準備に移りましょう！この記事の結論 １．AI対策でとにかく項目を埋める ２．見え方を意識して人から選ばれるページになる３．最後にちょっとのテクニック0.プロフィールを優先して埋める理由ココナラ登録後、作成していく最優先項目は「プロフィール」です。 出品サービスを先に書いてる人がいますが、ちょっともったいないです。 なぜかというと... ・出品サービスは検索時に新着順表示ができる →だがプロフィールが空欄だと、出品サービスを見ても離脱される可能性が高く、新着トップに出るタイミングを活かせない からです。 すぐに仕事に繋がりそうな出品サービスから入力したくなるところで

ペライチの利点は、コーディングで作られたサイトと違い、納品後にあまりWEBに詳しくない方でもご自身で編集が可能なことです。今回は操作の基礎中の基礎の部分を説明していきます！また、一番初めのサイト構築はぜひお任せください。後からでも編集しやすいサイト作りを心掛けています。簡易編集手順1.ログインまずはペライチのトップページより、メールアドレスとパスワードを入力してログインします。※ご登録から30日以内の場合以下のポップアップがでることがありますが、「×」ボタンでクローズします2. 編集開始ページを編集したい時には該当のページの「ページ編集」ボタンをクリックします。ページは自動で保存され、公開されているURLの内容も自動的に書き換わります。3.文面の編集文字を変えたい項目の上にカーソルを合わせると、「編集」ボタンがでてきて内容の変更が行えます。編集したい文字を選択すると、ブロック内の特定の文字にだけ色を付けたり、太字にしたりすることが可能です。編集が終わったら「保存」ボタンを押します。※ブロック内での文字サイズの変更は有料オプションです。4.画像の編集文面の編集と同様に、変更したい画像にカーソルを合わせ編集ボタンを押します。新しい画像を利用したい時は「アップロードボタン」を押します。全体のイメージを変えるには有料オプションもしくは、登録から30日以内であればフォントの変更と、カラーの細かな指定が可能です。気になる点があればお早めに変更することをお勧めします！フォントの変更画面左側の黒いバーにあるフォント変更ボタンから、変更が可能です。私のポートフォリオサイトは「スキップStdD」と

WordPress化でNEWS一覧を作成しました！本日はWordPress化の作業を進めました。ニュース一覧を動的に表示するためのPHPコードを学習しながら、NEWSカードの作成を行いました。---#投稿情報を自動で取得今回作成したNEWSカードでは、（デザインを少し変えました）WordPressに投稿した記事の* アイキャッチ画像* 投稿日* カテゴリー* 記事タイトルを自動で取得して表示しています。例えば、```phpthe_post_thumbnail();```でアイキャッチ画像を表示し、```phpthe_title();```で記事タイトルを表示できます。---カテゴリーの取得に苦戦今回特に印象に残ったのはカテゴリー表示です。```php$categories = get_the_category();```でカテゴリー情報を取得し、```phpwp_list_pluck()```や```phpimplode()```を使って複数カテゴリーを表示しました。コードの意味を理解するのに少し時間がかかりましたが、「投稿情報を取得する → 必要な情報を取り出す → 表示する」という流れが少しずつ理解できてきました。--- HTMLとの違いHTMLだけの場合は、ニュースを追加するたびに手作業で更新する必要があります。しかしWordPressでは、投稿するだけで一覧ページに自動反映されます。実際にコードを書いてみることで、WordPressがどのように情報を管理しているのか学ぶことができました。学んだこと最初はPHPを見るだけで難しく感じていましたが、実際に* the_perm

本日のブログは、色彩検定の学習内容から「目の構造」についてまとめていきます👀✨私たちは普段、当たり前のように景色を見ていますが、実は目の中ではとても複雑な働きが行われています。まず、目に入った光は最初に「角膜」で屈折します。その後、「虹彩」が伸び縮みすることで瞳孔の大きさを変え、目に入る光の量を調整しています。さらに、「水晶体」というレンズの役割を持つ部分が光を屈折させることで、見たものの像を「網膜」に結びます。つまり、目に入った光は・角膜・水晶体この2箇所で屈折しているということですね✨また、水晶体は見る距離によって厚みが変化します。・近くを見る時 → 厚くなる・遠くを見る時 → 薄くなるこのピント調整を行っているのが、毛様体の基部にある「毛様体筋」です👀そして、水晶体によって網膜に結ばれた像の情報は、「視細胞」と呼ばれる細胞によって神経信号へ変換されます。視細胞には2種類あり、・錐体細胞→ 色や明るさを感じる・かん体細胞→ 暗い場所で働くという特徴があります✨変換された信号は、神経節細胞を経て「視神経」に伝わり、最終的に脳へ送られることで、私たちは“見る”ことができています。普段何気なく行っている「見る」という行動も、実はたくさんの器官や細胞が連携して成り立っているんですね☺️色彩検定では、色だけではなく光や視覚の仕組みまで学べるので、Web制作やデザインにも活かせそうだなと感じました✨

今日は、企業サイトのリニューアル案件に応募するためにファーストビューのモックを作成しました✨今回の案件は、「分かりやすく・シンプルで・進化が伝わるサイト」がテーマ。特に印象的だったのが「180°変わったと感じてもらいたい」というポイントでした👀最初はAIっぽい雰囲気や先進的なデザインを意識して作っていたのですが、それだけでは少し“何のサービスか分かりにくい”状態に…。そこで今回は、✔ 何のサービスか一瞬で分かること✔ 難しい内容を噛み砕いて伝えること✔ 進化（性能アップ）が直感的に伝わることを意識して、構成とコピーを見直しました。「現場の人の判断をAIで再現する」という言葉も、そのままだと少し難しく感じたので、・シフト作成・作業割り当てといった具体的な内容を補足することで、よりイメージしやすくなるように工夫しました✨デザインだけでなく、“どう伝えるか”を考えることの大切さを改めて実感した1日でした☺️少しずつですが、「やさしく分かりやすく伝えるデザイン」を形にできてきている気がします🌿引き続き、実績づくりもがんばります✨

はじめに「ホームページ制作を始めたいけど、どのツールを選べばいいの？」と悩んでいる方は多いですよね。 特に初心者の方は、使いやすさや費用面を考えると悩むこともあります。では、人気のWordPressと他のホームページビルダーを比較し、あなたに合った選び方を解説します。ココナラでは、初心者の方でも安心して使える格安ホームページ制作サービスを提供しておりますので、今回ご紹介するツール選びにも最適なアドバイスをしていきます。1.WordPressの特徴とメリットWordPressは、世界中で最も人気のあるホームページ作成プラットフォームです。カスタマイズ性が高く、幅広い機能を持っているため、ビジネスの成長に合わせて自由にサイトを拡張できます。メリット:柔軟性:無限のデザインや機能を追加可能。初心者でもココナラのようなサービスで、格安でカスタマイズを依頼できます。SEO対策:検索エンジンに強い設計が可能で、アクセスを増やしやすい。無料テーマやプラグイン:初心者でも使いやすいテーマやプラグインが豊富に揃っており、必要な機能をすぐに追加可能です。WordPressが向いている人:カスタマイズ性や拡張性を重視する人サイト的に成長させたいと考えている将来のビジネスオーナー自由にデザインを変えたい初心者2.他のホームページビルダーの特徴とりあえず、WixやSquarespaceなどの他のホームページビルダーは、初心者にとって非常にシンプルで直感的に使えるのが特徴です。 デザインテンプレートが豊富で、特別な技術がなくても短時間で見栄えの良いサイトを作ることができます。メリット:使いやすさ:ボート＆

初めまして、三毛猫デザインです。この度は、ブログをお読みい頂きありがとうございます。　三毛猫デザインのコンセプト、アピールポイントについてご紹介させて頂きます。三毛猫デザイン「コンセプト」三毛猫デザインでは、「幸せをデザインに込めて、お届けします」をキャッチコピーに、「デザインを通して、クライアント様の願いを叶え、幸せをお届けする」をコンセプトに活動しています。※モチーフは、幸せの象徴である三毛猫です。お客様に福を招き、商売繁盛のお手伝いをします。三毛猫デザインの強み　４点最後に最後までお読み頂きありがとうございます。心に残る唯一無二のデザインを目指し、クライアント様のブランド力を最大限に引き出すお手伝いをさせて頂きます。どうぞお気軽にお問合せ下さい。

ホームページを始めたい！でも、維持費はどのくらいかかるの・・・？ということで、今日は、ホームページを始めたいけど、「維持費って一体どのくらいかかるの？」と疑問に思っている初心者の方々へ向けて、ホームページ運営のランニングコストについて話していきたいと思います。特に初めてホームページを作る方にとって、どれくらいのコストが必要になるのかって、なかなか分かりにくいものかと思います。そこで今回は、ホームページ運営に必要なランニングコストと、それぞれの費用の相場について、わかりやすく解説していきます。ホームページ運営を始める前に、この情報でしっかりと準備をしておきましょう！ホームページのランニングコストの種類と相場ランニングコストと言ってもいくつかの種類があります。すべて必ずかかる費用というわけではなく、ホームページの更新は誰がするか、管理は制作会社に依頼するかしないか、といった取捨選択。そしてどこまで品質にお金をかけるかによって費用も大きく変わります。サーバー代ホームページは、サーバーという「特別なコンピューター」を通じてインターネット上に公開されます。大きな会社では自前でサーバーを持っていることもありますが、多くの中小企業や個人事業主の場合は、レンタルサーバーを借りるのが一般的です。もしホームページ制作を外注しても、その後の管理は自分たちで行うことが多いので、サーバー代の支払いも自分たちの負担になります。予算を抑えつつも、しっかりとしたサービスを提供してくれるレンタルサーバーを選びたいですよね。そこで、おすすめのレンタルサーバーをいくつか紹介します。容量や管理機能など、それぞれに特徴

初めまして！加藤　たくや(かとう たくや)と申します。 ココナラではホームページ制作をメインに販売しております。 私は主に中小企業や個人経営店、フリーランスの方々に向けてホームページの制作を行なっております。 これから実績を積むつもりですので、どうぞよろしくお願いいたします！もともとITに興味があり、自分のITスキルを活かして貢献できないかと思い、HP制作に取り掛かりました。おしゃれなデザインなどにも興味があることからデザイン性が高いホームページを作るために日々勉強しております。 そして今ではホームページを見てくれた方に制作者側の思いが届くような集客に繋がるホームページ制作を意識しております。 ご依頼いただいた際は、お客様の期待を超えることをお約束します。 そして、いつでもお客様にご相談いただけるような長いお付き合いができるよう全力でお仕事を致します。 是非ともよろしくお願い致します。 お仕事をいただく上で以下の３つをお約束します。 ①納期厳守 ②高品質なホームページを提供 ③最後まで責任を持ってお仕事に取り組む 以下に私の経歴や可能な業務などを記載しておりますので、御覧下さい。【実績】これから積み上げます！【経歴】 ・横浜国立大学経営学部卒業・中小IT企業のインフラエンジニアとして2023年新卒入社【可能な業務】 ・Word Pressの導入・サイト構築 ・コーポレートサイト制作などを得意としております。 【スキル】 ・HTML ・CSS・Word Press 上記以外にも、様々なお仕事もお引き受け可能ですので、 案件のご相談やお見積もりのご相談などお気軽にご連絡ください。

SEO初心者でも上位表示は簡単にできます。逆に、コツを押さえてないと何年SEOやってても表示できません。こんにちわ。Webサイト相談室の先生ゆきです。今回は、キーワード決めた後にやる「リサーチ」について解説します。まずはリサーチする時は、シークレットウィンドウを開いてから検索しましょう。←超重要なぜシークレットウィンドウは絶対設定すべき？シークレットウィンドウとは、インターネットで何かを調べた時に、閲覧したサイトやどのくらいサイトを見ていたからなどの履歴情報を残さない設定です。通常であれば、あなたが調べた情報を元に一人ひとりが好きそうなサイトを表示してくれます。この仕組みがあることで、検索する手間を省くことが可能です。便利な仕組みの一方で、SEO対策をする際には向いていません。なぜなら、インターネットは個々の好みに合わせたサイトを検索順位をしてくれるため、純粋な検索結果とは言えないからです。結構そのまま調べている方が多いので気をつけてくださいね！シークレットウィンドウは使うウィンドウによって異なるので「シークレットウィンドウ やり方」と検索してみてください。リサーチのポイント3つさて…下準備が終わったら実際に検索して出てきたサイト10位をくまなく見ていきます。サイトを見る時のポイントは次の３つです▼・何が書かれているのか・このキーワードを打ってきた人がなぜ調べているのか・どのような情報を求めているのかただ上位表示しているサイトを見るだけでなく、お客様のことを考えてみていきましょう！便利すぎる！！リサーチに活用すべきツールその際に以下のようなツールを使って書き留めていくと便利です

Web制作を行う上でプログラミング言語を知らなくても、サイトやランディングページは「CMS」を利用することで出来てしまいます。しかし、自分の好みのデザインに変更したり、SEO効果を上げようとすると基本的なプログラミング言語の知識が必要になってきます。プログラミング言語と聞くと難しく感じるかもしれません。しかし、「HTML」「CSS」などは、初心者の方でも比較的習得しやすい言語になります。今回はその中から基本用語を中心にご紹介します。HTMLとはHyper Text Markup Language(ハイパーテキストマークアップランゲージ)の略で、インターネット上の情報を共有する為に各個人のコンピュータ環境に依存しない統一した規格の言語になります。簡単に言うとWebページを書く為の言語です。 「ハイパーテキスト」とは情報を結びつけるハイパーリンク機能を持ったテキスト文書の事。またはその仕組みの事です。 【リンクについてはこちら】「マークアップ」とは、文書の構造や段落、改行、表、リストなど文章中の役割や意味などに専用の「しるし」をつけるという事です。 「ランゲージ」は、その文法や決まり事の意味で使われています。 HTMLの文書には様々な内容が部品のように組み合わされて出来ています。HTMLではこの部品をそれぞれ「要素」として分類し、該当の箇所がどの要素なのかを分かるように「タグ」という印をつけて示しています。 タグ付けされた文書を解読し、定義に沿って適切に表示をするのが「ブラウザ（Google、Safariなど）」の役割となります。  HTMLの標準仕様とは今までは、HTMLの標準仕

情報提供のレベルを高めるWebサイトはあなたのビジネスに関する情報を提供する場所であり、顧客が望む情報を簡潔かつ明確に提供することが重要です。製品やサービスの説明、企業情報、顧客サポート、地図などの重要な情報を確実に提供することで、顧客が購買に踏み切る意欲を促進させます。ユーザーエクスペリエンスを向上させるWebサイトのユーザーエクスペリエンス(ユーザーの体験)は、顧客がサイトを使いやすいものだと感じるかどうかに関連しています。シンプルで直感的なナビゲーション、高速なページロード速度、スマートフォンとタブレット対応などが含まれます。顧客がサイトを使いやすいものだと感じると、顧客はより長時間サイトを閲覧し、より多くの製品やサービスに興味を持つ可能性が高まります。コンテンツマーケティングを採用するコンテンツマーケティングは、顧客に関連する興味深いトピックに関する情報を提供することで、顧客との信頼関係を確立する手法です。ブログ記事、ビデオ、ソーシャルメディアなどを活用して、製品やサービスに関連するトピックをカバーすることで、顧客の意識を高め、顧客との信頼関係を確立することができます。CTAを強調するコールトゥアクション（CTA）は、顧客に特定のアクションを求める情報のことを指します。良くあるのは、「無料相談」、「お見積り依頼」などがありますが、よりユーザーに刺さるCTAを最適な場所に置くことが重要です。5万円からホームページを作成しませんか？私の出品しているサービスは、資本に余裕がない事業者さんから大変、喜ばれているサービスとなっております。口コミにもあるように、安い価格でクオリティ

　株式会社ラジャ (本社：東京都品川区、代表：森永瞬次）は、Webサイトは作ってからがスタート、時流やトレンドに合わせてWebサイトの制作、運用をサポートする【運用型Webサイト制作】の提供を開始いたします。世界で2億人が利用するホームページ作成ツールWixの最高レベルパートーナーであるレジェンドクラスのラジャアンパットが顧客の要望に応えつづける「変化に適応」した「生きるWebサイト制作」を実現します。　この度、弊社は、Webサイト制作だけでは終わらない、時流やトレンドに合わせてWebサイトの制作、運用をサポートする【運用型Webサイト制作】の提供を開始いたします。通常のWebサイト制作と違い、制作して納品するところに留まらず、マーケティング視点に基づいた時流やトレンドに合わせてWebサイトの制作、運用をサポートするのがこのサービスの特徴です。エンジニアによるコーディングが不要で自由度の高いホームページ作成ツールWixを使って制作を行うため、営業・制作開始から最速2週間前後で納品が可能でスピード感を持ってサポートすることが可能です。また、その後の運用もエンジニアに頼む必要がなく、ご自身で編集やデザイン変更、アップデートを自由にカスタマイズが可能になります。　Wix オフィシャルパートナーの弊社が、ヒアリングからデザインまで、クライアント様のご要望に合わせて業務をフルカスタマイズ・社内で専門チームを組み進行いたします。世界で2億人が利用するホームページ作成ツールWixで時代の変化に適応した「生きるWebサイト制作」を実現しませんか？　Wix.comは、 IT先進国として注目される

岡山在住のWebエンジニア。大学で機械・電気電子工学を学んだ後、現在は大学院で情報工学を専攻中の修士１年生。個人/店舗/中小企業様のLP・ホームページ制作・を中心に承っております。中学、高校、大学と陸上競技を10年間取り組んだのちに将来のことを考えweb制作を勉強。制作に誇りを持ち、お客様の抱える課題を丁寧に汲み取り、解決するためのご提案をいたします。

みなさん、こんにちは。ライジング・コスメティックスの藤田です。最近、よく訊ねられる化粧品広告の使用前後についてお伝えします。化粧品広告で使用前、使用後の掲載はOKでしょうか？答えはNG。使用者の使用前と後を比較するビフォーアフターの写真・イラストは、原則として禁止されています。例外として使用前後の写真イラストとして例外として認められるのは次のような表現になります。１　使用方法の説明として表現する場合２　メーキャップ効果等の物理的効果３　使用感を表現する場合   実際に利用した人の体験談の中で、使用前後の写真イラストを記載することもＮＧです。体験談であっても効能効果を保証する表現は禁止されていますので、使用前後の写真イラストも使えない表現となります。【医薬品等適正広告基準】（6）効能効果等又は安全性を保証する表現の禁止医薬品等の効能効果又は安全性について、具体的効能効果等又は安全性を摘示して、それが確実である保証をするような表現はしないものとする”さらに東京都福祉保健局では、医薬品等適正広告基準の解説記事の中で、使用前、使用後の図面、写真等の表現については、医薬品等の効能効果等又は安全性の保証表現となるので原則として認められない。とされます。しかし例外的に粧工連が発表している化粧品等適正広告ガイドラインでは、例外として次のような場合をあげています使用前・後の図面、写真等使用前、使用後の図面、写真等による効能効果又は安全性に関する表現については、次の場合を除き、化粧品等の効能効果又は安全性の保証表現となるので行わないこと。（1） 使用前及び使用後の図面、写真等がないもので、かつ、使

＼ ブログを読んでくださり、誠にありがとうございます ／ホームページ（HP）制作ツール「STUDIO」に特化したクリエイターの柴田 智樹（しばた ともき）と申します。【経歴】・Web制作兼デザイナー（現職）【業務内容】・LP制作・コーポレートサイト制作✳上記レスポンシブ対応可特に、HPをリッチにするローディングアニメーションが得意です。【スキル】・HTML ／ CSS・Sass・JavaScript・jQuery・Wordpress・STUDIO【作品集】その他のデザインはこちらよりご覧ください↓https://coconala.com/users/2258265【お客様へ】｜「HPを持ちたい」｜「制作費用を抑えたい」｜「HP以外で集客もしたい」上記のようにお考えでしたら、ぜひお任せ下さい！ココナラでは・HP制作・LP制作上記をメインにご案内しております！「ノーコードツールで誰でも、簡単に、HPが作れるなら外注しなくていいのでは？」と疑問をお持ちだと思います。私もその考えに同意です。少し学習すれば誰でも簡単にHPが作れます。でも、待って下さい。「誰でも簡単にHPが作れる」事と「集客できるHPが作れる」とはイコールではありません。HPは「作ったあと」が重要です。作り方を「学んだ」だけの制作者が作ったHPは・色使い・導線設計・レイアウトが雑なことはよくあります。HPを集客・売上アップのために運用したいのであれば、「作ったあと」にフォーカスすべきです。私は作成はもちろんですが、SNSから集客をするお手伝いもできます。HP制作とSNS集客で売上アップをしたいお客様からのご連絡をお待ちし

初めまして、フリーランスのみつひろと申します。この度、ココナラに参画させて頂きました。ココナラでは、web制作が主になるかと思います。これまで他での実績もございましたが、新たにココナラでの実績を積み上げるべく、クライアント様への対応はきちんと行ってまいります。簡単に以下プロフィールを記載致します。【Web制作】 ▼対応可能な業務・スキル ・Web制作：HTML、CSS、Javascript、jQuery、PHP、WordPress、Nocode（Wix、ペライチ等）・Microsoft Office：Word, Excel, PowerPoint▼実績 ポートフォリオページをご覧いただけますと幸いです。 ※ページの作品以外にもございます。 【輸入物販】 ▼対応可能な業務・スキル ・輸入販売全般のコンサルタント ・SEO対策 ・固定費、輸送費などのコストダウン ▼実績 最高月商：230万 ※商品ジャンルは特に問わず。【経歴】・商社：5年 ・楽天㈱：４年 ・フリーランス（輸入物販・Web制作）：２年 商社では営業、楽天では既存事業での営業・管理業務。 新規（モバイル）事業にもアサインされ、円滑に業務が進む様仕組み化・フレームワーク作りを行っておりました。フリーランスとして、日頃より、クライアント様からのご依頼を元にスピードを持ってWeb制作をさせて頂いております。輸入物販については既述の通りの実績があり日々の業務は仕組化しており、1日の作業量は1時間程度で回しております。これまでの経験から 「目標を達成する事」には自信がございます。お仕事を頂きましたクライアント様へは真摯に・丁寧に

決済の手段をもっていないけど、LP内で決済まで完了させたいというご要望にペライチでのページ作成はぴったりです！1枚のLP作成で、購入まで完了させることができます。実際に配送が必要となる物販から、WEB上で完結する情報商材の販売、またはZoomなどを利用したオンラインサービスまでさまざまな商材の販売に利用できます。今回はペライチでの決済プランについて詳しく解説します！決済プランの利用料月額利用費決済オプション　 \1,100  /月   もしくはビジネスプラン 　\3,278 /月  　→決済機能以外にも、問い合わせフォームや公開ページの追加など複数のプランを使いたい場合のみビジネスプラン、決済オプションを利用できれば大丈夫の場合には決済オプションの加入をオススメ致します。クレジットカード決済手数料売上の3.5%必要な利用料は上記の2点で、他のシステムと比較しても安値ですので、まだ決済手段をお持ちでない方にはぜひご利用をオススメします。 ※外部ですでに決済手段やショップをお持ちの場合は、ペライチでLPのみ作り、購入は外部リンクを利用した方が管理が楽だと思います。実際の利用画面①ペライチの決済ブロックを利用し、LP上に購入ボタンを差しこみます。レイアウトは複数から選択が可能です。②購入ボタンをクリックすると商品の購入画面が開き、個数を選択できます。③お客様情報の入力画面があるので、必要な情報を取得することが可能です。※入力後お客様には自動応答メールが届き、注文を無事受け付けたことをお知らせします。④決済プランを利用すると自動で、LPの最下部に,特定商取引法に関する表記/プライバシー

こんにちは、WEBデザイナーのそねと申します。今日は、“ペライチ”というノーコードツールについてご紹介をします。“ペライチ”って聞いたことありますか？前述の通り、ペライチは簡単にWEBサイトの制作や編集ができるノーコードツールの1つです。一般的なWEBサイト制作の場合は、コーディングをするのでそれなりにコストも時間もかかる上、修正する場合はその都度コストがかかります。対して、“ペライチ”を利用すれば、コストも制作時間も抑えることが可能となり、更に、文字や画像を差し替えるなどの簡単な修正であればご自身で編集することが可能になります。サーバーも不要でそれなりにクオリティが高いページを即日公開できるので、・コストを抑えたい・ご自身で編集したい・即日公開したいという方にとっては“ペライチ”一択なんですよね♪もちろん、“ペライチ”以外にもノーコードツールはたくさんありますが、制作したWEBサイトをご自身で編集することを考えると“ペライチ”が1番扱いやすく、簡単に操作することができます。“ペライチ”の便利さについて分かったところで、次回のブログでは、“気になるペライチのコスト事情”についてご紹介する予定です！実際に・LP(ランディングページ)・HP(ホームページ )のサービスも出品しているので、良かったら出品サービスやポートフォリオなども覗いてみて下さい(^_^)もし、少しでも検討したいという場合は、お気軽にメッセージ下さいね♪それでは今回はこの辺りで、ご精読頂きありがとうございました！(*^_^*)

WordPressでホームページを作りたいと考えたときに、よく名前が出てくるテーマのひとつが「SWELL」です。ココナラでも、「SWELLでホームページを作ります」「SWELLを使ってWordPressサイトを制作します」「SWELLでおしゃれなサイトを作成します」という出品を見かけることが多いのではないでしょうか。実際私も以下のようにサービスを出品しています。SWELLは、WordPressテーマの中でも人気が高く、デザイン性と使いやすさのバランスが取れたテーマです。公式サイトでも、ブロックエディターへの対応や、独自ブロック・便利な機能が紹介されています。ただし、SWELLは便利なテーマである一方で、「誰に依頼しても同じ仕上がりになる」「テーマを入れれば自動でおしゃれになる」「安い出品でも高い出品でも大きな差はない」というわけではありません。同じSWELLを使っていても、デザインの整え方、写真の選び方、余白の取り方、スマホ表示の調整、導線設計によって、仕上がりは大きく変わります。この記事では、現役Webデザイナーの視点から、SWELLでホームページ制作を依頼するメリット・デメリット、向いている人・向かない人について分かりやすく解説します。１．SWELLとは？SWELLは、WordPressで使える有料テーマのひとつです。ブログにもホームページにも使いやすく、シンプルで見やすいデザインを作りやすいことから、個人ブログ、企業サイト、サロン、教室、クリニックサイトなど、さまざまな用途で使われています。特にSWELLは、WordPressのブロックエディターに対応しており、HTMLや

今日は、WordPressでサイト制作を進めるうえで重要な**「テンプレート階層」と「固定ページの設定方法」**について学びました。最初は「なぜ同じページなのに表示が違うんだろう？」と疑問に思っていましたが、WordPressにはページごとに表示を切り替える仕組みがあり、それを理解することで制作の幅が大きく広がりました。WordPressには役割ごとのPHPファイルがあるWordPressでは、ページの種類によって使用されるPHPファイルが変わります。例えば、home.php … トップページsingle.php … ブログ記事の詳細ページpage.php … 固定ページarchive.php … 記事一覧ページというように、それぞれ役割が決まっています。この「テンプレート階層」を理解することで、「なぜこのページだけ表示が違うのか」が少しずつ分かるようになってきました。固定ページごとにテンプレートを切り替える方法今回は来店予約ページだけ専用のデザインにしたかったので、page.phpをコピーしてpage-reserve.phpを作成しました。そして、ファイルの先頭に次のようなコメントを書きます。このコメントを書くことで、WordPressの管理画面から**「テンプレート」**として選択できるようになります。固定ページごとに違うデザインを作れる便利な仕組みだと知り、とても勉強になりました。デフォルトテンプレートとの違い通常の固定ページはデフォルトテンプレート（page.php）を使用します。しかし、来店予約ページだけは来店予約テンプレート（page-reserve.php）を選択

今日は昨日に続き、景観色彩の基礎知識について学びました。景観色彩とは、建物や道路などの人工的なものだけでなく、樹木や空、土などの自然が一体となってつくり出す街並み全体の色彩のことです。景観色彩には、次の5つの特徴があります。① 人工要素と自然要素の色彩が共存している建物や道路、橋などの人工要素と、樹木や草花、空や水辺などの自然要素は、お互いの色彩のバランスを取りながら景観をつくっています。② ライフサイクルの長い色彩である建物や橋などは一度造られると長い年月その場所に存在し続けます。そのため、流行だけで色を決めるのではなく、長期的な視点で景観との調和を考えることが大切です。③ 季節や時間帯によって見え方が変わる景観色彩は、朝・昼・夕方など時間帯による太陽光の違いや、春夏秋冬の季節によって印象が大きく変わります。例えば、同じ建物でも夕日に照らされると暖かみのある色に見えたり、曇りの日には落ち着いた印象になったりします。④ 人工要素は色彩の面積が大きい建物の外壁や道路、橋などは面積が大きいため、街全体の印象に大きな影響を与えます。そのため、一つひとつの色選びが景観全体の雰囲気を左右します。⑤ 自然要素には変化する色と変化しない色がある自然の色には、季節によって変化するものと、年間を通してあまり変わらないものがあります。例えば、常緑樹…一年中緑を保つ落葉樹…四季によって葉の色が変化する花や実…季節ごとに色鮮やかな景観をつくる土や石…年間を通して景観の基調色となるこのような自然の変化も景観色彩の大切な要素です。今日学んで感じたこと景観色彩は「色」だけを考えるのではなく、時間・季節・自然

本日は**「住空間のカラーコーディネーション」**について学習しました。Webデザインだけでなく、インテリアデザインでも色はとても重要な役割を持っています。色の使い方ひとつで、居心地の良さや使いやすさ、空間の印象が大きく変わることを学びました。インテリアの色彩は4つの考え方が基本住まいの色彩計画は、次の4つの視点から考えることが基本になります。① 生活を包む色彩住む人が毎日過ごす空間だからこそ、落ち着きや安心感を与える色選びが大切です。② 目的や用途に応じた色彩部屋の役割によって適した色は異なります。例えば、集中したい部屋やリラックスしたい部屋など、用途に合わせて配色を考えます。③ 住むための色彩見た目の美しさだけではなく、生活しやすさや快適性も考慮した色彩計画が重要です。④ 利用者に応じた色彩子どもや高齢者など、利用する人に合わせて見やすさや安全性にも配慮した色選びが求められます。空間のゾーニングと配色のポイント住宅は用途ごとに大きく3つの空間に分けられます。1. パブリック空間家族や来客が利用する共有スペースです。玄関廊下・階段リビングルームダイニングルーム和室明るく清潔感があり、誰でも心地よく過ごせる配色が向いています。2. プライベート空間個人がゆっくり過ごすための空間です。ベッドルーム子ども部屋リラックスできる色や、利用する人の年齢・好みに合わせた色使いが大切になります。3. サービス空間生活を支える機能的な空間です。キッチンバスルーム洗面所トイレ清潔感や明るさを感じられる色を取り入れることで、快適で使いやすい空間になります。今日の学び色は「好きな色を選ぶ」だけではな

ホームページ制作を依頼するときに悩みやすいのが、「自分の場合、どのくらいの費用を見ておけばいいのか」という点ですココナラでも、ホームページ制作の料金は数万円〜数十万円以上まで幅があります。そこで今回は、簡単なチェック項目に答えるだけで、あなたに合うホームページ制作の予算感を確認できる無料コスト診断をご用意しました。この無料コスト診断では、ページ数・必要な機能・デザインのこだわり・SEO対策・公開時期の5つの項目に答えるだけで、あなたに合ったホームページ制作費用の目安を確認できます。診断結果は、低予算帯・中予算帯・高予算帯の3つに分かれます。あくまで目安にはなりますが、見積もり相談をする前の整理としてご活用ください。１．ホームページ制作費用チェックリスト以下の項目で、当てはまるものを選んで点数をつけてみてください。①ページ数・ボリュームホームページの規模によって制作費用は大きく変わります。・1〜5ページ程度：0点・6〜10ページ程度：1点・10ページ以上、または内容が多い：2点名刺代わりの小規模サイトであれば低価格でも制作しやすいですが、サービス紹介・料金表・実績・ブログ・採用ページなどが増える場合は、構成やデザイン調整の工数も増えます。②必要機能の有無必要な機能が増えるほど、設定や動作確認の工程が増えます。・お問い合わせフォームのみ：0点・ブログ機能、予約ボタン、LINE導線なども必要：1点・EC機能、予約システム、会員機能などが必要：2点WordPressテーマを使った基本的なホームページであれば費用を抑えやすいですが、ネットショップや予約機能などを追加する場合は、別途費用が

本日はホームページ制作で、店舗情報セクションのデザイン制作を進めました！店舗の所在地や営業時間、アクセス方法などを分かりやすく整理しながら、見やすさも意識してレイアウトを調整しています。ホームページでは、必要な情報を探しやすいことも大切です。特に店舗情報は来店を検討している方が確認することが多いため、視認性や導線を意識しながら制作を進めました。色によるユニバーサルデザイン本日の色彩検定では、色によるユニバーサルデザインについて学習しました。 ① 見分けやすい色使い区別したい色は、明度差を大きくしたり色相を調整したりすることが重要です。また、色覚特性の違いによって区別しづらい色の組み合わせは避ける必要があります。例えば、* 青 × 黒* 黄 × 白のように明度差が小さい配色は見分けにくくなります。さらに、色相・明度・彩度が近い色同士を使用する場合は、間に境界線（セパレーション）を入れることで見分けやすくなります。--- ② 色以外の要素を活用する色だけで情報を伝えようとせず、* 大きさを変える* 形を変える* 模様を入れるなどの工夫も有効です。色を塗る部分にパターンを加えることで、色覚特性のある方にも情報が伝わりやすくなります。--- ③ 言葉で補う色付けした部分には、色名や説明文を併記することも大切です。色だけに頼らず、文字でも情報を伝えることで、より多くの人に伝わるデザインになります。---ホームページ制作でも、「自分には見やすい」ではなく、「できるだけ多くの人に伝わるか」という視点を持つことが大切だと感じました。本日はここまで！

本日はデモサイトの制作を進めました！今回は主に「COMPANY（会社概要）」と「CONTACT（お問い合わせ）」セクションのPCデザイン部分を制作しました。COMPANYセクションでは、会社情報が見やすく伝わるように、写真と会社概要を左右に配置したレイアウトを採用しています。情報量が多くなりがちな会社概要ですが、余白や罫線を調整しながら、シンプルで見やすいデザインを意識しました。また、CONTACTセクションでは、「お問い合わせ」「LINEクーポン」「資料請求」の3つの導線をカード形式で整理しています。サイトでは、お客様によって求めている情報が異なるため、・まずは相談したい方・LINEで気軽に情報を受け取りたい方・資料を見て検討したい方それぞれが迷わず目的のページへ進めるような導線設計を意識しました。まだPC版の制作段階ですが、少しずつサイト全体の形が見えてきて完成が楽しみです！今後はスマートフォン表示への対応を行いながら、ホバーアニメーションやスクロール時の演出なども追加し、より見やすく使いやすいサイトへ仕上げていきたいと思います。引き続き頑張ります！

本日の学習｜混色について🎨本日は色彩検定の学習で「混色（こんしょく）」について学びました！２色以上の色を混ぜ合わせて、別の色を作ることを「混色」と呼びます。また、混色のもとになる色は「原色」と呼ばれています✨混色は大きく分けると、加法混色減法混色の２種類があります。それぞれ使用する原色が異なっているのも特徴です！加法混色（RGB）加法混色は、光を重ねて色を作る方法です💡原色はRed（赤）Green（緑）Blue（青）のRGB！Webデザインやモニター表示など、スマホ・PC画面で使われている色の仕組みになります✨減法混色（CMY）減法混色は、インクなどを混ぜて色を作る方法です！原色はCyan（シアン）Magenta（マゼンタ）Yellow（イエロー）のCMY！印刷物などで使用される混色方法になります🖨️同時加法混色２つのライトを重ね合わせると、重なった部分は元の色より明るい別の色になります。このような「色光による混色」を同時加法混色と呼ぶそうです✨今日は少しだけの学習でしたが、Webデザインにも関わる内容だったのでとても面白かったです☺️

本日の学び✍️今日は、WordPress（Elementor）で「余白を意識したデザイン」の練習をしました🌿これまで何となく感覚で作っていた余白ですが、今回しっかり向き合ってみて気づいたことがあります。▶ 余白が多い＝良い ではない▶ 少ない＝詰まって見える でもない大切なのは**“余白のルールを揃えること”**でした。セクションごとに余白がバラバラだと、どこか違和感のあるデザインになってしまいます。今回は👇を意識して調整しました・セクションの上下余白は60px前後で統一・カラム同士の間隔は40px前後・画像とテキストの位置を揃えるこれだけで、一気に「整ってる感」が出て驚きました😳特にElementorでは✔ カラム間の間隔（Column Gap）✔ セクションの幅（Boxed / Full）✔ マージンとパディングこのあたりが余白に大きく影響していると実感しました。まだまだ試行錯誤中ですが、「なんか変」をちゃんと言語化できるようになってきて少し成長🌱引き続きコツコツ積み上げていきます✨#Web制作 #WordPress #Elementor #デザイン練習 #余白デザイン #ココナラ 

今回は、実際に使用しているサムネイルを見直し、より伝わりやすく・印象に残る形にブラッシュアップしました。■Before → Afterで変えたポイント今回一番大きく変えたのは👉 「情報の伝え方」と「視線の誘導」です。以前のサムネイルは、・PCとスマホの画面がメイン・実際のサイトイメージは伝わるという状態でしたが、正直ちょっと👇👉「なんの制作なのか」が一瞬で伝わりにくいという課題がありました💦■今回の改善ポイント① タイトルをしっかり配置→「ホームページ制作」を大きく配置→誰向けか（施設事業者様）も明確に👉 一瞬で内容が伝わるように改善✨② WordPress / Lightning を明記→ 使用ツールを入れることで👉「どんな制作ができる人か」が分かるこれは地味だけどかなり大事ポイント◎③ 余白をしっかり取る→ ゴチャつきが減って👉 高級感・安心感アップ特に福祉系は「やさしさ・信頼感」がめちゃ重要なのでここ意識しました🌿④ ビジュアルの役割を整理→ 左：情報（テキスト）→ 右：実際のサイトイメージ👉 見る順番が自然になる構成に■今回の学びサムネイルって「デザインがオシャレかどうか」よりも👉 “一瞬で伝わるか”が最優先だと改めて実感しました💡今回の改善で👇✔ 何のサービスか分かる✔ 誰向けか分かる✔ 安心感があるこの3つがしっかり伝わるようになりました✨少しずつですが、ポートフォリオもアップデートしていきます😊最後にbeforeafter

本日のブログは、デザイン制作とポートフォリオ更新についてです🌿まずは、クローバーの模様作成🍀Photoshopの「パターン登録」を使って、壁紙デザインを作ってみました。最初は「配置どうするの？」「つながらない…」とかなり苦戦💦均等に並べるつもりがバランスが崩れてしまったり、思ったような柄にならなかったり…。でも、配置やサイズ、向きを少しずつ調整していく中で、最終的には自然なランダム感のある、やさしい雰囲気のパターンに仕上げることができました✨（※ビフォー画像）（※アフター画像）色も少し変えてますひとつひとつ試しながら作ることで、「パターンってこうやって作るんだ！」と理解が深まった気がします😊---そしてもうひとつ☕ポートフォリオのエステサイトを、本日差し替えました！デザインや構成を見直して、より「見やすく・やさしく・伝わる」形にアップデートしています。特に意識したのは👇・余白の取り方・視線の流れ・全体の統一感以前よりも、少し洗練された印象になったかなと思います✨（※ビフォー画像）（※アフター画像）---少しずつですが、「より良いもの」を目指して改善を重ねています🌱今後も、制作の中での気づきや学びを発信していきますので、よかったら見ていただけると嬉しいです☺️