ΠΠ΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°. Π‘Π°ΠΉΡ-Π²ΠΈΠ·ΠΈΡΠΊΠ°. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: InSales. ΠΠΎΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ: Π’Π΅Ρ
Π½ΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ Π½Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡΠ°ΠΉΡΠ° CraftService 1. ΠΠ±ΡΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ β’ ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ: CraftService β’ Π‘ΡΠ΅ΡΠ° Π΄Π΅ΡΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ: Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΌΠ΅ΠΆΠΊΠΎΠΌΠ½Π°ΡΠ½ΡΡ
Π΄Π²Π΅ΡΠ΅ΠΉ Π² Π‘Π°Π½ΠΊΡ-ΠΠ΅ΡΠ΅ΡΠ±ΡΡΠ³Π΅ β’ ΠΠ΅Π²ΠΈΠ·: βΠΠΎΠΌΠ°Π½Π΄Π°, ΠΊΠΎΡΠΎΡΠΎΠΉ Π΄ΠΎΠ²Π΅ΡΡΠ΅ΡΠ΅β β’ Π¦Π΅Π»Ρ ΡΠ°ΠΉΡΠ°: ΠΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ»ΡΠ³, ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ²Π΅ΡΠΈΡ ΠΊ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΏΡΠΈΠ²Π»Π΅ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² ΡΠ΅ΡΠ΅Π· Π·Π°ΡΠ²ΠΊΠΈ ΠΈ ΠΎΠΏΠ»Π°ΡΡ ΠΎΠ½Π»Π°ΠΉΠ½ 2. ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ 2.1. Π‘ΡΠΈΠ»Ρ ΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΎΠ±ΡΠ°Π· β’ Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΡΠΉ, ΠΏΡΠ΅ΠΌΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β’ Π¦Π²Π΅ΡΠΎΠ²Π°Ρ ΠΏΠ°Π»ΠΈΡΡΠ°: β’ ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ: ΡΡΡΠ½ΡΠΉ (#222) (ΡΠΎΠ½, ΡΠ΅ΠΊΡΡ) β’ ΠΠΊΡΠ΅Π½ΡΠ½ΡΠΉ: ΠΊΡΠ°ΡΠ½ΡΠΉ (#E30613) (ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²Π°ΠΆΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ) β’ Π€ΠΎΠ½ΠΎΠ²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ: ΡΠ²Π΅ΡΠ»ΠΎ-ΡΠ΅ΡΡΠΉ (#F9F9F9) β’ Π¨ΡΠΈΡΡΡ: β’ ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ: Mont / Inter / Poppins (Π½Π° Π²ΡΠ±ΠΎΡ) β’ ΠΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ: Roboto / Open Sans β’ ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π°Π»ΡΠ½ΡΠ΅ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΡ
Π΄Π²Π΅ΡΠ΅ΠΉ β’ ΠΠΈΠ½ΠΈΠΌΡΠΌ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΡΠΈΡΡΡΠΉ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΡΠΉ UI 3. Π‘ΡΡΡΠΊΡΡΡΠ° ΡΡΡΠ°Π½ΠΈΡ 3.1. ΠΠ»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° β’ Π¨Π°ΠΏΠΊΠ° (header) β’ ΠΠΎΠ³ΠΎΡΠΈΠΏ (ΡΠ»Π΅Π²Π°) β’ ΠΠ΅Π½Ρ (ΠΏΠΎ ΡΠ΅Π½ΡΡΡ): ΠΠ»Π°Π²Π½Π°Ρ, Π£ΡΠ»ΡΠ³ΠΈ, ΠΡΠΈΠΌΠ΅ΡΡ ΡΠ°Π±ΠΎΡ, ΠΠΎΠΊΡΠΌΠ΅Π½ΡΡ, ΠΠΏΠ»Π°ΡΠ°, ΠΠΎΠ½ΡΠ°ΠΊΡΡ β’ ΠΠ½ΠΎΠΏΠΊΠ° βΠΡΡΠ°Π²ΠΈΡΡ Π·Π°ΡΠ²ΠΊΡβ (ΡΠΏΡΠ°Π²Π°) β’ ΠΠ΅ΡΠΎΠΉ-Π±Π»ΠΎΠΊ β’ ΠΠΎΠ»ΡΡΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ: βΠ£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΌΠ΅ΠΆΠΊΠΎΠΌΠ½Π°ΡΠ½ΡΡ
Π΄Π²Π΅ΡΠ΅ΠΉ Π² Π‘Π°Π½ΠΊΡ-ΠΠ΅ΡΠ΅ΡΠ±ΡΡΠ³Π΅β β’ ΠΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ: βΠΡΡΡΡΠΎ, ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ, Ρ Π³Π°ΡΠ°Π½ΡΠΈΠ΅ΠΉ. Π Π°Π±ΠΎΡΠ°Π΅ΠΌ ΠΏΠΎ Π²ΡΠ΅ΠΌΡ Π³ΠΎΡΠΎΠ΄Ρ ΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ.β β’ ΠΠ½ΠΎΠΏΠΊΠ°: βΠ Π°ΡΡΡΠΈΡΠ°ΡΡ ΡΡΠΎΠΈΠΌΠΎΡΡΡβ β’ ΠΠ»ΠΎΠΊ βΠ Π½Π°Ρβ β’ ΠΠΎΡΠΎΡΠΊΠ°Ρ ΠΈΡΡΠΎΡΠΈΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ (ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²Π»Π΅Π½) β’ Π€ΠΎΡΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠ°Π±ΠΎΡΡ β’ ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° β’ 4 ΠΊΠ°ΡΡΠΎΡΠΊΠΈ Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ (ΠΠ°ΡΠ΅ΡΡΠ²ΠΎ / ΠΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΠΈΠ·ΠΌ / ΠΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ / ΠΠ°Π΄Π΅ΠΆΠ½ΠΎΡΡΡ) β’ Π€ΠΎΡΠΌΠ° Π·Π°ΡΠ²ΠΊΠΈ β’ ΠΠΎΠ»Ρ: ΠΠΌΡ, Π’Π΅Π»Π΅ΡΠΎΠ½, ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ β’ ΠΠ½ΠΎΠΏΠΊΠ° βΠΡΡΠ°Π²ΠΈΡΡ Π·Π°ΡΠ²ΠΊΡβ β’ Π€ΡΡΠ΅Ρ (ΠΏΠΎΠ΄Π²Π°Π» ΡΠ°ΠΉΡΠ°) β’ ΠΠΎΠ½ΡΠ°ΠΊΡΡ (ΡΠ΅Π»Π΅ΡΠΎΠ½, WhatsApp, Telegram, Π°Π΄ΡΠ΅Ρ) β’ Π‘ΠΎΡΡΠ΅ΡΠΈ 3.2. Π‘ΡΡΠ°Π½ΠΈΡΠ° βΠ£ΡΠ»ΡΠ³ΠΈβ β’ ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ βΠ§ΡΠΎ ΠΌΡ Π΄Π΅Π»Π°Π΅ΠΌ?β β’ Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΠ»ΡΠ³ Ρ ΡΠ΅Π½Π°ΠΌΠΈ (ΠΏΠΎ ΠΏΡΠ°ΠΉΡ-Π»ΠΈΡΡΡ) β’ ΠΠ½ΠΎΠΏΠΊΠ° βΠΠ°ΠΊΠ°Π·Π°ΡΡ ΠΊΠΎΠ½ΡΡΠ»ΡΡΠ°ΡΠΈΡβ 3.3. Π‘ΡΡΠ°Π½ΠΈΡΠ° βΠΡΠΈΠΌΠ΅ΡΡ ΡΠ°Π±ΠΎΡβ β’ ΠΠ°Π»Π΅ΡΠ΅Ρ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ Π΄Π²Π΅ΡΠ΅ΠΉ Π΄ΠΎ/ΠΏΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ 3.4. Π‘ΡΡΠ°Π½ΠΈΡΠ° βΠΠΎΠΊΡΠΌΠ΅Π½ΡΡβ β’ Π€Π°ΠΉΠ»Ρ Π΄Π»Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ (Π΄ΠΎΠ³ΠΎΠ²ΠΎΡ, ΡΠ΅ΡΡΠΈΡΠΈΠΊΠ°ΡΡ) 3.5. Π‘ΡΡΠ°Π½ΠΈΡΠ° βΠΠΏΠ»Π°ΡΠ°β β’ Π‘ΠΏΠΎΡΠΎΠ±Ρ ΠΎΠΏΠ»Π°ΡΡ (ΠΊΠ°ΡΡΠ°, ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ) β’ ΠΠ½ΠΎΠΏΠΊΠ° βΠΠΏΠ»Π°ΡΠΈΡΡ ΠΎΠ½Π»Π°ΠΉΠ½β 3.6. Π‘ΡΡΠ°Π½ΠΈΡΠ° βΠΠΎΠ½ΡΠ°ΠΊΡΡβ β’ ΠΠ°ΡΡΠ° (Π―Π½Π΄Π΅ΠΊΡ / Google) β’ ΠΠΎΠ½ΡΠ°ΠΊΡΠ½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ β’ Π€ΠΎΡΠΌΠ° ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ 4. Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ β’ ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΠΎΡΡΡ: ΡΠ°ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ
, ΠΏΠ»Π°Π½ΡΠ΅ΡΠ°Ρ
ΠΈ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°Ρ
β’ ΠΠ½ΠΎΠΏΠΊΠΈ CTA (Call-to-Action) Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌΠΈ ΠΈ Π°ΠΊΡΠΈΠ²Π½ΡΠΌΠΈ β’ ΠΡΡΡΡΠ°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ°: Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½ ΠΏΠΎΠ΄ ΡΠΊΠΎΡΠΎΡΡΡ 5. ΠΡΠΈΠΌΠ΅ΡΡ ΡΠ΅ΡΠ΅ΡΠ΅Π½ΡΠΎΠ² (ΠΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠΈΡΡ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΡ Ρ ΠΏΠΎΡ
ΠΎΠΆΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ) 6. Π€ΠΎΡΠΌΠ°Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ β’ Π€Π°ΠΉΠ»Ρ Π² Figma / Adobe XD β’ ΠΠΎΡΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² PNG / SVG β’ Π¦Π²Π΅ΡΠ°, ΡΡΠΈΡΡΡ ΠΈ ΡΡΠΈΠ»ΠΈ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅.
ΠΠ΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°. Π‘Π°ΠΉΡ-Π²ΠΈΠ·ΠΈΡΠΊΠ°. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: Tilda. ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅! Π― ΡΠΎΠ·Π΄Π°Ρ ΡΠ°ΠΉΡΡ Π½Π° Π’ΠΈΠ»ΡΠ΄Π΅, ΠΎΠΏΡΡ- 2 Π³ΠΎΠ΄Π°. ΠΡΡ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠ° ΠΏΠΎ ΠΏΠΎΠΈΡΠΊΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² Π·Π° %.
ΠΠ΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°. Π‘Π°ΠΉΡ-Π²ΠΈΠ·ΠΈΡΠΊΠ°. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: ΠΏΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ°. ΠΠ°Π΄ΠΎ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΡΠ°ΠΉΡΠ° (Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ) Π° ΡΠ°ΠΊΠΆΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΠ°Π»Π΅Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΌ ΡΠ°ΠΉΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°ΡΡΠΈΡΠ½ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π² Π½Π°Π»ΠΈΡΠΈΠΈ, ΡΠ°ΡΡΠΈΡΠ½ΠΎ ΡΠ²ΠΎΠΈΡ
ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ².
ΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ
Π΄ΠΈΡΡΠ°Π½ΡΠΈΠΎΠ½Π½ΠΎ
Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠ½Π°Ρ
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°. Π‘Π°ΠΉΡ-Π²ΠΈΠ·ΠΈΡΠΊΠ°. ΠΠ»Π°ΡΡΠΎΡΠΌΠ°: Tilda. ΠΠΎΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ: ΠΠΌΠ΅Π΅ΡΡΡ ΡΡΡΡΠΊΡΡΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ, Π·Π° Π²ΡΡ
ΠΎΠ΄Π½ΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ±ΡΠ°ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΡΠΉ ΡΠ°ΠΉΡ Ρ ΡΠ΅ΡΡΠΎΠ²ΡΠΌ Π½Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ. Π’Π΅ΠΌΠ°ΡΠΈΠΊΠ° ΡΡΠΎΠΌΠ°ΡΠΎΠ»ΠΎΠ³ΠΈΡ. ΠΡΠ΅Π½Ρ Π²Π°ΠΆΠ½Π° Π°ΠΊΠΊΡΡΠ°ΡΠ½ΠΎΡΡΡ ΠΈ ΠΏΠ΅Π΄Π°Π½ΡΠΈΡΠ½ΠΎΡΡΡ, ΠΏΠΈΠΊΡΠ΅Π»Ρ ΠΊ ΠΏΠΈΠΊΡΠ΅Π»Ρ. Π₯ΠΎΡΠΎΡΠΈΠΉ ΠΊΠ΅ΠΉΡ.