Extract Lottie/SVG Animations from Japanese Website
Budget: $10 – $30 USD
Project Description:
I need to extract two specific animated illustrations from the Yohana.jp website. These are line-drawing style animations that appear on their website. The animations are:
1. A group of people riding on a bicycle together (appears on the careers page: https://www.yohana.jp/careers)
2. A woman working at a desk with a dog nearby (appears on the subscription page: https://www.yohana.jp/lp/primepro)
Technical Requirements:
- Extract the animation files in their original format (likely Lottie JSON or SVG animations)
- Provide the complete animation files with all animation sequences intact
- The extraction should preserve all animation properties (timing, easing, etc.)
- Files should be usable in other web projects
Technical Approach:
The developer should:
1. Use Chrome DevTools or similar browser developer tools
2. Examine the Network tab while the page loads to identify animation file requests
3. Look specifically for JSON files that might contain Lottie animation data
4. For SVG animations, examine any SVG content that might be embedded or loaded
5. If direct file extraction isn't possible, explore alternative methods such as:
- Using browser extensions like Lottie Grabber
- Examining page source for embedded animation data
- Inspecting JavaScript code that might initialize animations
Deliverables:
1. The complete animation files (JSON, SVG, or appropriate format)
2. A brief report explaining how the files were extracted
3. Basic instructions on how to use or implement these animations elsewhere
Experience Required:
- Familiarity with web animation formats (Lottie, SVG animations)
- Experience with browser developer tools
- Understanding of front-end web technologies
- Experience extracting assets from websites
Please indicate your approach to extracting these animation files in your proposal.
I need to extract two specific animated illustrations from the Yohana.jp website. These are line-drawing style animations that appear on their website. The animations are:
1. A group of people riding on a bicycle together (appears on the careers page: https://www.yohana.jp/careers)
2. A woman working at a desk with a dog nearby (appears on the subscription page: https://www.yohana.jp/lp/primepro)
Technical Requirements:
- Extract the animation files in their original format (likely Lottie JSON or SVG animations)
- Provide the complete animation files with all animation sequences intact
- The extraction should preserve all animation properties (timing, easing, etc.)
- Files should be usable in other web projects
Technical Approach:
The developer should:
1. Use Chrome DevTools or similar browser developer tools
2. Examine the Network tab while the page loads to identify animation file requests
3. Look specifically for JSON files that might contain Lottie animation data
4. For SVG animations, examine any SVG content that might be embedded or loaded
5. If direct file extraction isn't possible, explore alternative methods such as:
- Using browser extensions like Lottie Grabber
- Examining page source for embedded animation data
- Inspecting JavaScript code that might initialize animations
Deliverables:
1. The complete animation files (JSON, SVG, or appropriate format)
2. A brief report explaining how the files were extracted
3. Basic instructions on how to use or implement these animations elsewhere
Experience Required:
- Familiarity with web animation formats (Lottie, SVG animations)
- Experience with browser developer tools
- Understanding of front-end web technologies
- Experience extracting assets from websites
Please indicate your approach to extracting these animation files in your proposal.