Hey all,I'm currently designing a new widget for our nonprofit that lets donors donate directly through clicking a heart-shaped button in the bottom right-hand corner of the screen. I'm planning for it to live on every page and just provide an alternative way to donate quickly. I was hoping I could get some feedback from the community before I turn it from design into code.You can click through the interactive demo I made to preview the design hereBest viewed on desktop as it's not mobile formatted.
Let me know if you have any feedback on things I can change before I start building it and adding it to my nonprofit's site. Thanks!
Updated with a working link!
Ah, my fault! Please see the edited original post or here for the correct link:
Hey Kai,Thanks for the response! I'm pretty sure the slowness is just due to the size of some of the images used, I didn't compress anything for the preview. If/when I get a chance to build this it will be much faster!
I like the idea of switching the icons, I think that might go in the designs!I'll keep working on this, open to any other feedback anyone might have 🙂
Looks pretty cool! As a quick comment, it's not clear to me as a user that the heart icon indicates donation. Maybe I'm missing some context that your audience would already have. But my experience with using other websites is that this type of placement is most often for a live-chat kind of feature, so I'd probably assume that by default.
Possibly there's a way to improve that without complicating the design? For example maybe a hover action for when the user mouses over the icon? Anyways, just a suggestion.
Martin Hansen Senior Consultant / R&D Lead 519.725.7875 x2120 | 888.817.3048
PeaceWorks™ Technology Solutions 101 - 554 Parkside Drive, Waterloo ON N2L 5Z4 www.peaceworks.ca
Mission driven technology solutions
This communication is intended for only the party to whom it is addressed and may contain information that is privileged or confidential. Any other distribution, copying or disclosure is strictly prohibited and is not a waiver of privilege or confidentiality. If you have received this telecommunication in error, please notify the sender immediately by return email and delete this message from your computer.
Please note: If you do not wish to receive promotional emails from us, please reply to this message indicating your preference and we will refrain from sending further promotional emails.