?꾨줈?앺듃 媛쒖슂
PECA ?뱀궗?댄듃??釉뚮옖?쒖쓽 ?듭떖 媛移섏? ?쒗뭹/?쒕퉬?ㅼ쓽 ?뱀쭠???쇨???鍮꾩＜???몄뼱濡??꾨떖?섎뒗 ??珥덉젏??留욎텣 ?붿????묒젏?낅땲?? 蹂?由щ럭?먯꽌???ъ슜???쒕굹由ъ삤瑜?湲곗??쇰줈 泥??몄긽(?쇱뒪?몃럭), ?뺣낫 援ъ“??紐낅즺?? 二쇱슂 ?ъ젙(硫붾돱/由ъ뒪???곸꽭/?꾪솚)???④퀎?곸쑝濡??먭??⑸땲?? ?먰븳 ?띿뒪???鍮? ?붿냼 媛?媛꾧꺽, ?명꽣?숈뀡 ?쇰뱶諛깃낵 媛숈? 留덉씠?щ줈 ?덈꺼???ъ슜?깃퉴吏 ?④퍡 寃?좏븯???ㅼ젣 ?섍꼍?먯꽌??媛?낆꽦怨??대┃ ?좊룄??CTA)??媛앷??곸쑝濡??댄렣遊낅땲?? ?섏븘媛 ?쇳룷癒쇱뒪, ?묎렐?? 寃?됱뿏吏꾩턀?곹솕(SEO) ??ぉ??援먯감 ?됯??섏뿬 ?꾨컲?곸씤 ?붿???釉뚮옖???꾨━?곕? 遺꾩꽍?⑸땲??
?뱁엳 ?쒕뵫 ?④퀎?먯꽌???곸썒 ?대?吏? ?듭떖 硫붿떆吏 諛곗튂, 泥??ㅽ겕濡?援ш컙?먯꽌??媛移??쒖븞(Value Proposition) 媛?쒖꽦, 洹몃━怨?移대뱶/由ъ뒪??而댄룷?뚰듃???뺤옣?깆쓣 以묒젏?곸쑝濡??ㅻ９?덈떎. ?섎Ⅴ?뚮굹蹂?二쇱슂 怨쇱뾽(Task) ?꾨즺 ?쒓컙???⑥텞?????덈뒗 援ъ“?몄?, 以묐났 ?대┃??以꾩씠???숈꽑 ?ㅺ퀎?몄?, 肄섑뀗痢좎쓽 ?ъ궗?⑹꽦??怨좊젮??而댄룷?뚰듃?붽? ?대（?댁죱?붿? ?깆쓣 ?몃??곸쑝濡??먭??⑸땲??
釉뚮옖???ㅼ븻留ㅻ꼫
PECA ???ㅼ븻留ㅻ꼫???됱긽 ?鍮꾩? 怨듦컙 諛곗튂瑜??듯빐 釉뚮옖?쒖쓽 ?깃꺽??紐낅즺?섍쾶 ?쒕윭?댁빞 ?⑸땲?? 湲곕낯 ?됱긽 ?붾젅?몃뒗 紐낅룄 李⑤? 異⑸텇???뺣낫??CTA, 諛곗?, 留곹겕, 媛뺤“ 諛뺤뒪 ???곹샇?묒슜 ?붿냼媛 利됱떆 ?앸퀎?섎룄濡?援ъ꽦?섏뼱???⑸땲?? 踰꾪듉???곹깭(湲곕낯/?몃쾭/?쒖꽦)瑜??쒓컖?곸쑝濡?遺꾨━?섍퀬, ?뱀뀡 ?ㅻ뜑???꾧퀎???고듃 ?ш린? 媛꾧꺽, 援щ텇???ㅽ??쇰줈 ?쇨??섍쾶 愿由ы븯??寃껋씠 以묒슂?⑸땲?? ?대?吏 ?ъ슜???덉뼱?쒕뒗 ?댁긽?꾩? 鍮꾩쑉???좎??섎ʼn, 二쇱젣? 吏곸젒 愿?⑤맂 罹≪뀡???쒓났??寃???ㅽ겕由곕━??紐⑤몢?먯꽌 ?섎?媛 ?듯븯?꾨줉 留뚮뱶??寃껋씠 ?듭떖?낅땲??
移대뱶??由ъ뒪?? ?섏씠?쇱씠??釉붾줉, ?뺣낫 ?붿빟 諛곗? ???ъ궗??媛?ν븳 ?붿옄???좏겙???뺤쓽?섎㈃ ?댁쁺 ?⑥쑉?깆씠 ?ш쾶 ?믪븘吏묐땲?? ?먰븳 紐⑤컮??酉곗뿉???ㅻ뜑??怨좎젙 ?щ?, 諛뷀? ?쒗듃/?뚮줈??踰꾪듉 ?ъ슜 踰붿쐞, ?ㅼ??댄봽 媛?ν븳 罹먮윭???媛?낆꽦 ???곗튂 ?섍꼍??怨좊젮???명꽣?숈뀡 ?ㅺ퀎媛 ?꾩슂?⑸땲?? 理쒖쥌?곸쑝濡쒕뒗 釉뚮옖???쇨???/span>怨?媛?낆꽦 ??異뺤쓣 湲곗??쇰줈 ?쒓컖???덉젙?깃낵 李⑤퀎?붾? ?숈떆???ъ꽦?섎뒗吏 ?됯??⑸땲??
UX/UI 援ъ“ ?ㅺ퀎
硫붾돱 IA(Information Architecture)??源딆씠瑜?理쒖냼?뷀븯怨? ?듭떖 移댄뀒怨좊━瑜?5짹2 媛??대궡濡??뺣━?섎뒗 寃껋쓣 沅뚯옣?⑸땲?? ?곷떒 ?대퉬寃뚯씠?섏? ?곗뒪?ы넲?먯꽌 ?몃쾭/?ъ빱?????곸뒪瑜??쒕윭?대릺, 紐⑤컮?쇱뿉?쒕뒗 ?꾩퐫?붿뼵/?쒕툕 ?몃뜳?ㅻ? ?쒖슜??媛?쒖꽦???믪엯?덈떎. 由ъ뒪???곸뿭? 移대뱶 ????뚮몢由ъ쓽 ?띾룄瑜???떠 肄섑뀗痢좉? 癒쇱? 蹂댁씠?꾨줉 ?섎ʼn, ?몃꽕?쇱? 16:9 ?먮뒗 4:3 鍮꾩쑉??怨좎젙???덉씠?꾩썐 ?먰봽 ?놁씠 ?덉젙?곸쑝濡?濡쒕뱶?섎룄濡??⑸땲?? ?쇨낵 CTA???쒓컖???곗꽑?쒖쐞瑜??믪씠怨? ?꾩닔/?좏깮 ??ぉ??援щ텇怨?利됯컖?곸씤 ?ㅻ쪟 ?쇰뱶諛깆쓣 ?쒓났???댄깉瑜좎쓣 ??땅?덈떎.
?먰븳 而댄룷?뚰듃 ?⑥쐞濡??곹깭瑜??뺤쓽(湲곕낯/?몃쾭/?ъ빱???쒖꽦/鍮꾪솢???섍퀬, ?ㅻ낫???먯깋 ?쒖꽌瑜?紐낇솗???섎ʼn, ?ㅽ겕由곕━??移쒗솕?곸씤 aria ?쇰꺼??遺?ы븿?쇰줈???묎렐?깆쓣 ?뺣낫?⑸땲?? 而⑦뀗痢좎쓽 ?꾧퀎(H1-H2-H3), 由ъ뒪???곸꽭 ?곌껐, 愿??肄섑뀗痢??쒖븞 ??留λ씫 ?좎? ?μ튂??以묒슂?⑸땲?? ?댁? ?④퍡 ?꾩쟻 ?덉씠?꾩썐 ?대룞(CLS)??理쒖냼?뷀븯怨??대?吏??width/height ?띿꽦 ?먮뒗 CSS aspect-ratio瑜?吏?뺥빐 珥덇린 ?섏씤?몄쓽 ?덉젙?깆쓣 ?뺣낫?섎뒗 ?꾨왂??沅뚯옣?⑸땲??
IA쨌SEO 理쒖쟻??/h2>
硫뷀? ??댄?/?붿뒪?щ┰?섏쓽 湲몄씠瑜??쒖? 媛?대뱶?쇱씤??留욎텛怨? ?섏씠吏留덈떎 怨좎쑀??H1???좎??섎ʼn, ?섎?濡좎쟻 留덊겕??figure/figcaption, nav, main, section)???곴레?곸쑝濡??ъ슜?⑸땲?? ?대?吏?먮뒗 ?泥??띿뒪?몃? ?쒓났?섍퀬, 以묒슂???대?吏???뱀슜 理쒖쟻???덉쭏 70~80, lazy-loading)? ?④퍡 WebP/AVIF瑜?蹂묓뻾 ?쒓났?섎㈃ LCP 媛쒖꽑???좊━?⑸땲?? ?대? 留곹겕 援ъ“???좏뵿 ?대윭?ㅽ꽣瑜??뺤꽦?섎룄濡??ㅺ퀎?섍퀬, 釉뚮젅?쒗겕???ъ씠??TOC濡?臾몄꽌 媛?낆꽦怨??먯깋 ?⑥쑉???믪엯?덈떎. ?먰븳 ?ㅽ궎留?留덊겕??Organization, WebSite, BreadcrumbList)???곸슜?섎㈃ 寃??媛?쒖꽦 ?μ긽???꾩????⑸땲??
?깅뒫 愿?먯뿉?쒕뒗 肄붾뱶 ?ㅽ뵆由ы똿, 鍮꾩감??由ъ냼??濡쒕뱶, ?꾨━而ㅻ꽖???꾨━濡쒕뱶???꾨왂???ъ슜???듯빐 TTI瑜???텛怨? 罹먯떆 ?뺤콉??紐낇솗???뺤쓽?섏뿬 ?щ갑臾??띾룄瑜?媛쒖꽑?⑸땲?? ?고듃 ?쒕툕?뗮똿怨??붿뒪?뚮젅???꾨왂(font-display: swap)? ?띿뒪??媛?낆꽦??吏곸젒?곸씤 ?곹뼢??誘몄튂誘濡?珥덇린 濡쒕뵫 ?뺤콉???쇰?濡??ы븿?댁빞 ?⑸땲??
二쇱슂 鍮꾩＜??/h2>
PECA ?듭떖 ?붾㈃??援ъ“? ?ㅼ븻留ㅻ꼫瑜?蹂댁뿬二쇰뒗 ????대?吏
The Blue Canvas ?뚭컻
The Blue Canvas??釉뚮옖???꾨왂怨?UX/UI瑜??듯빀?곸쑝濡??ㅺ퀎?섎뒗 ?붿????ㅽ뒠?붿삤?낅땲?? 由ъ꽌移?湲곕컲???뺣낫 援ъ“, ?뺤옣 媛?ν븳 ?붿옄???쒖뒪?? ?곗씠??湲곕컲??吏???댁쁺???듯빐 ?뱀궗?댄듃媛 ?ㅼ젣 鍮꾩쫰?덉뒪 ?깃낵濡??곌껐?섎룄濡??뺤뒿?덈떎. 而⑥꽕?끒룹꽕怨꽷룸뵒?먯씤쨌?꾨줈?뺤뀡 ??怨쇱젙???먯뒪?깆쑝濡?吏?먰븯硫? ?깅뒫/?묎렐??SEO ?쒖???以?섑븯??寃껋쓣 ?먯튃?쇰줈 ?⑸땲??
珥앺룊
PECA ?뱀궗?댄듃??紐낇솗???대퉬寃뚯씠?? ?덉젙?곸씤 ?덉씠?꾩썐, 吏곴??곸씤 CTA 諛곗튂 ??湲곕낯湲곌? ?꾪깂??援ъ“?쇰㈃ ?꾪솚???μ긽???먯뿰?ㅻ읇寃??ㅻ뵲瑜?寃껋엯?덈떎. 蹂?由щ럭?먯꽌 ?쒖븞??IA ?뺣━, ?묎렐???쒓렇 蹂닿컯, ?쇳룷癒쇱뒪 理쒖쟻?? 硫뷀?/留곹겕 援ъ“ 媛쒖꽑???쒖감 ?곸슜?섎㈃ 寃???щ갑臾?泥대쪟?쒓컙 紐⑤몢?먯꽌 湲띿젙??蹂?붾? 湲곕??????덉뒿?덈떎. 異붽??곸쑝濡?釉뚮옖???ㅽ넗由ы뀛留곴낵 ?щ? 以묒떖??肄섑뀗痢?紐⑤뱢??蹂닿컯?섎㈃ ?좉퇋 諛⑸Ц?먯뿉寃??좊ː瑜?鍮좊Ⅴ寃?援ъ텞?????덉뒿?덈떎.