Willow-Motion
A landing page for a video editing studio that masterfully transforms ideas and raw footage into cohesive, dynamic stories.
It serves as both a calling card for a creative approach and an effective platform for showcasing the product’s value and emotionally engaging the viewer. The website allows users to experience the unique style of each video, explore the portfolio, and easily get in touch with the editor to discuss an upcoming project.
Deadlines:
Analysis:2 weeks
Design:3 weeks
Launch:3 weeks
Support:on request
The tasks we worked on
The tasks we worked on
- Convey professional expertise through the presentation style and work examples
- Highlight experience with various types of content — from personal stories to commercial projects
- Demonstrate a client-centered approach that considers both context and the emotional core of the material
- Include real client testimonials as proof of professionalism and attention to detail
- Create user-friendly, logically structured navigation that allows quick access to information about services, workflow, timelines, and pricing
- Develop a section with answers to key questions that typically arise when ordering video editing services
- Implement bilingual functionality (Ukrainian and English) to support clients both in Ukraine and internationally
- Add simple and fast contact options without complicated forms, while enabling data collection for site analytics
- Place strong emphasis on brand identity and professionalism
- Emphasize a personalized approach and attention to the client's needs and the context of the upcoming video
- Direct visitors’ attention to the most important elements and encourage active engagement and interaction
- Convey professional expertise through the presentation style and work examples
- Highlight experience with various types of content — from personal stories to commercial projects
- Demonstrate a client-centered approach that considers both context and the emotional core of the material
- Include real client testimonials as proof of professionalism and attention to detail
- Create user-friendly, logically structured navigation that allows quick access to information about services, workflow, timelines, and pricing
- Develop a section with answers to key questions that typically arise when ordering video editing services
- Implement bilingual functionality (Ukrainian and English) to support clients both in Ukraine and internationally
- Add simple and fast contact options without complicated forms, while enabling data collection for site analytics
- Place strong emphasis on brand identity and professionalism
- Emphasize a personalized approach and attention to the client's needs and the context of the upcoming video
- Direct visitors’ attention to the most important elements and encourage active engagement and interaction
The solutions that were implemented
An integrated quick-contact system has been implemented, allowing users to easily reach Willow Motion via social media, messengers, and email
The services section is presented as a full-screen block featuring video editing examples for different types of projects. High-quality videos with thoughtful framing ensure a flawless appearance across all device types
A design has been created where each section emphasizes the studio’s services: a logo styled as an editing icon, graphic elements reminiscent of film strips, testimonials displayed as a cinematic reel in a slider, and the use of photos and videos themed around filmmaking
Bilingual support (Ukrainian and English) has been introduced, with all content adapted for both language versions
FAQ presented as interactive cards. On click, a card expands to reveal the answer, focusing the user’s attention on a single question.
Intro promo video
- At the start of the website, users see a full-screen video that acts as a branded loader, instantly immersing them in the atmosphere of the brand
- As the page scrolls, the main text shrinks and moves to a new position, while the menu, descriptions, and buttons gradually appear
- The video is fully responsive, ensuring an equally impactful first impression across all devices — from desktops to mobile screens
Dynamic gradient that comes to life on scrolling
- As users scroll down the page, the background color shifts gradually through a dynamic gradient. This creates a sense of a “living” design, enhancing emotional engagement and drawing users deeper into the content
Video portfolio: watch, switch, choose in one click
- The portfolio section is presented through interactive cards that rearrange when selected, allowing users to seamlessly browse different samples
- Each video launches as a short showcase reel, demonstrating the unique editing style and professional quality of the work
Animation effects that guide user action
- A scrolling ticker with a call to action to order a service — it pauses on hover and opens a contact form on click
- Text animations on buttons that activate on hover to attract attention
- A CTA section with a black background that narrows on scroll, drawing focus directly to the “Get in Touch” button
Responsive design
The team that created this site
The technologies and tools
Figma
Adobe Photoshop
Astro.js
Typescript
Tailwind CSS
React.js
Embla Carousel
GSAP
Figma
Adobe Photoshop
Astro.js
Typescript
Tailwind CSS
React.js
Embla Carousel
Feedback from our customer
Hi! My name is Olya, and recently the ilovemyteam crew created a landing page for me - and I’m absolutely thrilled! Before this, I didn’t have a single convenient place where clients could easily explore my work and pricing. Everything was scattered across social media, and it was difficult to find the right info. Now I have a stylish and user-friendly landing page where everything is gathered in one place - my projects, contacts, and services. Clients are already reaching out directly through the site, and it’s incredibly convenient. Huge thanks to the ilovemyteam team for such an amazing result! If you’re still wondering whether you need a website - the answer is definitely yes!
Entire reviewOlga Serdiuk
video editing specialist
Willow Motion
LANDING