ΠΠ°ΡΡΡΠΎΠΈΡΡ: ΠΏΠΎΠ»Π½ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°. Π’ΠΠ₯ΠΠΠ§ΠΠ‘ΠΠΠ ΠΠΠΠΠΠΠ ΠΡΠΎΠ΅ΠΊΡ: Π Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ https://onllyart.ru/ Π¦Π΅Π»Ρ: ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΈ UX ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈΠ±Π»ΠΈΠ·ΠΈΡΡ ΠΊ https://theposterclub.com/ 1. ΠΠ±ΡΠ°Ρ ΡΠ΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π‘Π΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΏΠΎΡΡΠ΅ΡΠΎΠ² Onlly Art Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ, ΡΡΡΡΠΊΡΡΡΠ½ΠΎ ΠΈ ΠΏΠΎ UX ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΡ
ΠΎΠΆΠΈΠΌ Π½Π° The Poster Club. ΠΡΡΠ°Π²Π»ΡΠ΅ΠΌ OpenCart + Journal ΠΊΠ°ΠΊ Π΄Π²ΠΈΠΆΠΎΠΊ Π Π°Π±ΠΎΡΠ°Π΅ΠΌ ΡΠ΅ΡΠ΅Π· Journal Builder + Custom CSS + override ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² 2. ΠΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ΄Π΅Ρ ΠΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΠ·ΠΌ ΠΏΡΠ΅ΠΌΠΈΡΠΌ-ΡΠ΅Π³ΠΌΠ΅Π½ΡΠ°: - ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΎΠ·Π΄ΡΡ
Π° - ΡΠΈΡΡΠ°Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° - Π°ΠΊΠΊΡΡΠ°ΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ° - Π±Π΅Π· Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΌΠ° - ΡΠΎΠΊΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Π₯Π°ΡΠ°ΠΊΡΠ΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° - ΠΠ΅Π»ΡΠΉ ΡΠΎΠ½ - Π’ΠΎΠ½ΠΊΠΈΠ΅ ΡΡΠΈΡΡΡ - ΠΠΈΠ½ΠΈΠΌΡΠΌ ΡΠ²Π΅ΡΠΎΠ² - ΠΠ΅Π· ΡΠ°ΠΌΠΎΠΊ Π²ΠΎΠΊΡΡΠ³ ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ - ΠΡΠ³ΠΊΠΈΠ΅ hover-ΡΡΡΠ΅ΠΊΡΡ - ΠΠ»Π°Π²Π½ΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ 3. Π₯Π΅Π΄Π΅Ρ (Header) Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅: ΠΏΠΎΠ²ΡΠΎΡΠΈΡΡ ΡΡΡΡΠΊΡΡΡΡ The Poster Club Π‘ΡΡΡΠΊΡΡΡΠ°: ΠΠ΅Π²Π°Ρ ΡΠ°ΡΡΡ: ΠΠΠ‘Π’ΠΠ Π« ΠΠΠ Π’ΠΠΠ« ΠΠ Π₯ΠΠΠ‘Π’Π Π¦Π΅Π½ΡΡ: ΠΠΎΠ³ΠΎΡΠΈΠΏ ΠΡΠ°Π²Π°Ρ ΡΠ°ΡΡΡ: ΠΠΎΠΈΡΠΊ (ΠΈΠΊΠΎΠ½ΠΊΠ°) ΠΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅ ΠΠΎΡΠ·ΠΈΠ½Π° ΠΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅: Π€ΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ (sticky) ΠΠ΅Π»ΡΠΉ ΡΠΎΠ½ ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ Π²ΡΡΠΎΡΠ° Π’ΠΎΠ½ΠΊΠ°Ρ Π½ΠΈΠΆΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΠ° ΠΈΠ»ΠΈ Π»ΡΠ³ΠΊΠ°Ρ ΡΠ΅Π½Ρ 4. ΠΠ»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° Π‘ΡΡΡΠΊΡΡΡΠ°: 1. Hero Π±Π»ΠΎΠΊ Full width ΠΡΡΠΏΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ 1 ΠΊΠ½ΠΎΠΏΠΊΠ° Π¦Π΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΡ 2. ΠΠ»ΠΎΠΊ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ 3β4 ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ Π² ΡΡΠ΄ ΠΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΠΠ΅Π· ΡΠ°ΠΌΠΎΠΊ Hover β Π»ΡΠ³ΠΊΠΎΠ΅ Π·Π°ΡΠ΅ΠΌΠ½Π΅Π½ΠΈΠ΅ 3. Π‘Π΅ΡΠΊΠ° ΡΠΎΠ²Π°ΡΠΎΠ² 4 ΡΠΎΠ²Π°ΡΠ° Π² ΡΡΠ΄ ΠΠ΅Π· ΡΠΎΠ½Π° ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ½ΠΈΠ·Ρ Π¦Π΅Π½Π° ΠΌΠ΅Π»ΠΊΠΈΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ Hover: ΡΠΌΠ΅Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ 4. ΠΠΎΠ½ΡΠ΅Π½ΡΠ½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ Π’Π΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠ΅ΠΊΡΠΈΠΈ Ρ ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ Π€ΠΎΡΠΎ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½Π°Ρ ΡΠ΅ΡΠΊΠ° 5. Π‘ΡΡΠ°Π½ΠΈΡΠ° ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ: Π§ΠΈΡΡΠ°Ρ ΡΠ΅ΡΠΊΠ° 3β4 ΡΠΎΠ²Π°ΡΠ° Π² ΡΡΠ΄ ΠΠΎΠ»ΡΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΠ΅Π· ΡΠ°ΠΌΠΎΠΊ ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ hover Π€ΠΈΠ»ΡΡΡ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΡΠΉ, Π½Π΅ ΠΏΠ΅ΡΠ΅Π³ΡΡΠΆΠ΅Π½Π½ΡΠΉ 6. Π‘ΡΡΠ°Π½ΠΈΡΠ° ΡΠΎΠ²Π°ΡΠ° Π‘ΡΡΡΠΊΡΡΡΠ°: ΠΠ΅Π²Π°Ρ ΡΠ°ΡΡΡ: ΠΠΎΠ»ΡΡΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΠ°Π»Π΅ΡΠ΅Ρ Zoom ΠΡΠ°Π²Π°Ρ ΡΠ°ΡΡΡ: ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π¦Π΅Π½Π° Π Π°Π·ΠΌΠ΅ΡΡ ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ: ΠΠ½ΠΎΠ³ΠΎ Π²ΠΎΠ·Π΄ΡΡ
Π° ΠΠ½ΠΎΠΏΠΊΠ° ΡΡΡΠ½Π°Ρ ΠΈΠ»ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠ°Π» ΠΠ΅Π· Π»ΠΈΡΠ½ΠΈΡ
Π±Π»ΠΎΠΊΠΎΠ² ΠΠΊΠΊΡΡΠ°ΡΠ½Π°Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° 7. Π’ΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΠΌΠΈΠ½ΠΈΠΌΠ°Π» ΡΡΠΈΡΡ (Inter / Helvetica / Π°Π½Π°Π»ΠΎΠ³) Π’ΠΎΠ½ΠΊΠΈΠ΅ Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΡ ΠΠΎΠ»ΡΡΠΈΠ΅ ΠΎΡΡΡΡΠΏΡ ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π±Π΅Π· ΠΆΠΈΡΠ½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Π³ΡΡΠ·Π° 8. Π¦Π²Π΅ΡΠΎΠ²Π°Ρ ΡΡ
Π΅ΠΌΠ° ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ: - ΠΠ΅Π»ΡΠΉ ΠΠΊΡΠ΅Π½Ρ: - Π§ΡΡΠ½ΡΠΉ - Π’ΡΠΌΠ½ΠΎ-ΡΠ΅ΡΡΠΉ ΠΠ°ΠΏΡΠ΅ΡΠ΅Π½ΠΎ: - ΠΡΠ»ΡΡΠΉ - Π‘ΠΈΠ½ΠΈΠΉ Π¦Π²Π΅ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ 9. UI ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ Π£Π±ΡΠ°ΡΡ: - Π Π°ΠΌΠΊΠΈ - Π’Π΅Π½ΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Journal - Π¦Π²Π΅ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ - Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ OpenCart ΠΠΎΠ±Π°Π²ΠΈΡΡ: - ΠΠ»Π°Π²Π½ΡΠ΅ hover - ΠΡΠ³ΠΊΠΈΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ - ΠΠΈΠ½ΠΈΠΌΠ°Π» ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Ρ 10. Π’Π΅Ρ
Π½ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ OpenCart ΠΎΡΡΠ°ΡΡΡΡ Journal ΠΎΡΡΠ°ΡΡΡΡ ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ: - Builder - Custom CSS - Override twig ΠΠ΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ΄ΡΠ° ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΡΠΊΠΎΡΠΎΡΡΠΈ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½Π° 11. Π§ΡΠΎ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΠΠ΅ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ 1 Π² 1 ΠΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΆΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΠ΅ Π»ΠΎΠΌΠ°ΡΡ SEO ΡΡΡΡΠΊΡΡΡΡ 12. ΠΡΠΈΡΠ΅ΡΠΈΠΉ ΡΡΠΏΠ΅ΡΠ½ΠΎΡΡΠΈ Π‘Π°ΠΉΡ Π΄ΠΎΠ»ΠΆΠ΅Π½: - ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ°ΠΊ ΠΏΡΠ΅ΠΌΠΈΠ°Π»ΡΠ½ΡΠΉ Π±ΡΠ΅Π½Π΄ - ΠΡΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈΠ±Π»ΠΈΠΆΠ΅Π½ ΠΊ The Poster Club - ΠΡΡΡ Π±ΡΡΡΡΠ΅Π΅ ΠΈ Π»Π΅Π³ΡΠ΅ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π²Π΅ΡΡΠΈΠΈ - ΠΡΠ·ΡΠ²Π°ΡΡ ΠΎΡΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΠ·ΠΌΠ° ΠΈ Π΄ΠΎΡΠΎΠ³ΠΎΠ²ΠΈΠ·Π½Ρ - ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΌ ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π° 13. ΠΡΠ°ΠΏΡ ΡΠ°Π±ΠΎΡ - ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ - Π Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ
Π΅Π΄Π΅ΡΠ° - Π Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°ΡΡΠΎΡΠΊΠΈ ΡΠΎΠ²Π°ΡΠ° - Π‘Π±ΠΎΡΠΊΠ° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΠ΅ΡΠ΅Π· Builder - Π‘ΡΡΠ°Π½ΠΈΡΠ° ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ - ΠΠΎΠ»ΠΈΡΠΎΠ²ΠΊΠ° UI - ΠΠ΄Π°ΠΏΡΠΈΠ².