Interactive Photo-Frame Tool for Health Campaign
Budget: $30 – $250 USD
Simple One-Page Image Frame Tool for Health Awareness Campaign (Arabic + RTL)
⸻
Overview
We are launching a national health awareness campaign.
As part of the campaign, we want to create an interactive tool where people can upload their photos and overlay one of four awareness frames (ribbons).
The goal is to spread awareness and encourage participation in a simple and elegant way.
⸻
Scope of Work
• Create a one-page HTML/CSS/JS web app (no backend).
• Allow users to:
• Upload an image.
• Preview 4 different overlay frames (PNG format, transparent).
• Download the final combined image.
• Ensure responsive design (desktop + mobile).
• Support Arabic (RTL) text.
• Include a header with:
• Title: IamAwareness
• Subtitle: معًا لأجل الصحة
• Place the frames in a /frames/ folder for easy replacement.
• Deliver a complete ZIP file ready for Netlify deployment.
⸻
Design Style
• Clean, modern, and minimal.
• Lilac / purple / dark navy color palette.
• Simple UI with elegant Arabic font support.
⸻
References
(Optional) Include any previous work or similar tools you’ve developed.
⸻
Company Info
• Name: IamAwareness
• Mission: Raise awareness about cancer prevention and early detection through digital tools.
• Audience: Men and women, Arabic-speaking community.
⸻
Ideal Freelancer
• Strong skills in HTML, CSS, JavaScript.
• Experience with RTL (Right-to-Left) layout.
• Good communication and ability to deliver quickly.
• Bonus: Arabic language understanding or previous awareness campaigns.
⸻
Overview
We are launching a national health awareness campaign.
As part of the campaign, we want to create an interactive tool where people can upload their photos and overlay one of four awareness frames (ribbons).
The goal is to spread awareness and encourage participation in a simple and elegant way.
⸻
Scope of Work
• Create a one-page HTML/CSS/JS web app (no backend).
• Allow users to:
• Upload an image.
• Preview 4 different overlay frames (PNG format, transparent).
• Download the final combined image.
• Ensure responsive design (desktop + mobile).
• Support Arabic (RTL) text.
• Include a header with:
• Title: IamAwareness
• Subtitle: معًا لأجل الصحة
• Place the frames in a /frames/ folder for easy replacement.
• Deliver a complete ZIP file ready for Netlify deployment.
⸻
Design Style
• Clean, modern, and minimal.
• Lilac / purple / dark navy color palette.
• Simple UI with elegant Arabic font support.
⸻
References
(Optional) Include any previous work or similar tools you’ve developed.
⸻
Company Info
• Name: IamAwareness
• Mission: Raise awareness about cancer prevention and early detection through digital tools.
• Audience: Men and women, Arabic-speaking community.
⸻
Ideal Freelancer
• Strong skills in HTML, CSS, JavaScript.
• Experience with RTL (Right-to-Left) layout.
• Good communication and ability to deliver quickly.
• Bonus: Arabic language understanding or previous awareness campaigns.