Scratch Media
About The Project
Scratch Media is an Emmy award-winning video production company creating powerful stories through compelling visuals. Flow2Web redesigned their website with a creative style, incorporating scroll-parallax effects and responsive designs to reflect their innovative approach and professional expertise.
Date
November 2024
Role
Research, UX/UI Design in Figma, Figma Prototyping, HTML/SCSS Development, WordPress Integration, ACF Pro flexible content, Performance Optimization, Google Page Speed, GT Metrix
[ View Website ]
About The Project
Scratch Media, an Emmy award-winning video production company based in Southern California, needed a complete redesign of their digital presence to reflect their creative expertise and storytelling capabilities.
Known for producing high-quality corporate and broadcast media, Scratch Media collaborated with Flow2Web to elevate their website, improve user experience, and optimize performance for maximum impact.
Project Goals
- Modernize the Website: Redesign the UX/UI to reflect Scratch Media’s creativity and professionalism.
- Enhance Performance: Achieve high scores on Google Page Speed and GT Metrix for smooth user interaction.
- Customizable Backend: Build a flexible and scalable CMS for easy content updates.
- Boost SEO: Improve online visibility with Google Business setup and Search Console integration.
Flow2Web brought Scratch Media’s creative vision to life with innovative design and strategy.
Our Role
Flow2Web was responsible for:
- SEO Setup: Setting up Google Business and Search Console to boost visibility and search rankings.
- Research & Analysis: Conducting a detailed analysis of Scratch Media’s brand identity and user behavior to design an intuitive user journey.
- UX/UI Design in Figma: Creating creative, scroll-parallax designs tailored for Scratch Media’s storytelling approach.
- Responsive Development: Implementing responsive HTML, SCSS, and JS for seamless functionality across devices.
- WordPress Integration: Developing a clean, easy-to-maintain backend with ACF Pro for flexible content updates.
- Performance Optimization: Achieving 98% Google Page Speed and 96% GT Metrix (A Grade) scores.
Process
1. Research & Discovery
Our journey began with extensive research into Scratch Media’s audience, competitors, and industry trends. We analyzed the existing website and pinpointed areas of improvement in design, navigation, and performance.
2. Creative UX/UI Design in Figma
We crafted high-fidelity designs with:
- A scroll-parallaxing effect to enhance storytelling and engagement.
- A modern, visually striking layout that showcases Scratch Media’s award-winning work.
- Mobile-first principles to ensure a flawless experience across devices.
3. Responsive Development
- Used HTML, SCSS, and JavaScript to build responsive, pixel-perfect layouts.
- Added custom animations to make the website dynamic and engaging.
4. WordPress Integration
- Built a custom WordPress theme with ACF Pro Flexible Content, enabling easy updates for services, case studies, and blogs.
- Ensured the backend was scalable and clean, making it simple for the client to manage content without technical expertise.
5. Performance Optimization
- Optimized images, code, and server settings to achieve 98% Google Page Speed and 96% GT Metrix (A Grade) scores.
- Ensured fast load times for all pages, even with high-resolution media.
6. SEO and Google Tools Setup
- Created SEO-friendly permalinks and meta descriptions for all pages.
- Set up Google Business and Google Search Console to improve visibility and track performance.
Key Features Delivered
Innovative Design Solutions
- Scroll-Parallaxing Effects: Dynamic storytelling with engaging visual effects.
- Flexible CMS: ACF Pro-based WordPress backend for seamless content updates.
- Responsive Design: Fully optimized for desktop, tablet, and mobile devices.
- Performance Metrics: Google Page Speed (98%) and GT Metrix (96%, A Grade).Custom Animations: Interactive and visually appealing transitions.
Results
Exceptional User Impact
- Exceptional User Feedback: End-users and stakeholders praised the website’s creative design and smooth performance.
- Improved SEO Rankings: Higher visibility on search engines due to optimized content and tools setup.
- Ease of Maintenance: The flexible WordPress backend simplified content updates for the Scratch Media team.
- Enhanced Engagement: Dynamic effects and responsive design boosted user retention and interaction.
Thank You for Watching
At Flow2Web, we don’t just design websites; we craft experiences that connect brands with their audiences. Thank you for exploring the Scratch Media project with us. Together, let’s create something extraordinary—your story deserves to stand out, and we’re here to make it happen.