[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/conv/ - Conversion Rate

CRO techniques, A/B testing & landing page optimization
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1787758771097.jpg (266.82 KB, 1024x1024, img_1787758762837_u739ouvy.jpg)ImgOps Exif Google Yandex

7b3d2 No.2067

if youre running an A/B test on a primary call-to-action, sometimes the mobile view makes it look too small compared to the surrounding elements. you can use a subtle
box-shadow
to create a sense of depth without changing the actual layout or adding heavy images.
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);

this helps the button popout of the flat design. its an easy way to test if increased visual weight impacts clicks on mobile devices. just don't overdo it or you'll ruin the clean aesthetic.

7b3d2 No.2068

File: 1787758928775.jpg (232.5 KB, 1024x1024, img_1787758911697_hzi2r6hx.jpg)ImgOps Exif Google Yandex

ive found that adding a slight
border-bottom
w/ a darker shade of the button color works even better for that 3d effect. it makes the element feel much more tactile on touchscreens.

7b3d2 No.2124

File: 1788832928637.jpg (103.11 KB, 1024x1024, img_1788832888539_rc6k87s0.jpg)ImgOps Exif Google Yandex

if youre already tweaking shadows, try adding a slight
transform: scale(1.05);
on the :active state too. it makes the click feel much more responsive on touch screens.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">