Error
Server is not responding try refreshing the page using the button below
Refresh
Web Digital HERO using Figma/RIVE animation
Graphic Design Brief
Discussion Board (0)
Open - Needs Designs
US$110
4 hours left
3 designs
3 designers
Graphic Design Brief
We are launching a SaaS platform that monitors the digital systems a business depends on and identifies problems that could affect customers — things like broken links, failed forms, broken images, website performance, email issues, and other website failures.
We are looking for a premium looping animation for our website. This is not a traditional explainer video.
Reference for the level/style of visual storytelling: Fullstory.com
We are NOT looking to copy their design. We like the way they use simple, playful motion to visually explain a complex software product without relying on screenshots, dashboards, or lengthy explanations. Still trying to decide on a computer browser or mobile browser image…
The Concept
Our Solution continuously moves through your website, checks what your customers depend on, and identifies problems before they become bigger issues.
We envision a beautiful fictional small-business website displayed inside a stylized browser window.
The Solution continuously scans the website.
The animation moves through approximately four different pages of the SAME website.
Each page demonstrates two types of checks.
Page 1 — Homepage
Website loads/availability check
The scanner moves through the page.
Receives a subtle ✓.
The page then transitions/flips to the next page as if a user were moving from one page to the next.
Page 2 — Email
Email link works
The animation briefly simulates verifying the email is functioning correctly.
A box pops up and receives a subtle ✓ Email link works
Page 3 — Contact
Contact forms
Buttons
The animation briefly simulates completing and submitting a form.
✓ Form working
A CTA/button is also tested.
Then the website transitions to the next page.
Page 4 — Broken Link
Broken Link Detection
A working link receives a subtle ✓.
Another link has a problem and receives a subtle warning indicator.
Broken link
The animation then transitions seamlessly back to Page 1 and repeats in a continuous loop.
Fictional Website
The animation should use ONE professionally designed fictional small-business website.
yourbusiness.com
Projects / Services
Contact
Booking / Inquiry
The exact fictional business is flexible.
The important thing is that it looks like a real, professionally designed small-business website, not a software dashboard.
All text should be real and readable.
Technical Requirements
Our website is being built using Lovable / React.
The final animation needs to be lightweight and suitable for a website hero/marketing section.
Deliverables
Visual concept / storyboard
Design of the fictional website and four page states
Scanning visual language
Motion design
Seamless looping animation
Desktop version
Responsive/mobile consideration
Final editable source file
Final source/design file
Web-ready exported asset
Basic implementation guidance for embedding it into our website
The final files must be editable so we can modify colors, copy, timing, or individual checks in the future.
Here's a draft to the website where this will be used on the HERO page: https://always-ready-watch.lovable.app
Banding guide https://drive.google.com/file/d/1-yyx1e51Z29tELd3fxT8YmBZGUaLPajd/view?usp=sharing
Target Market(s)
Small Business
Industry/Entity Type
SaaS
Look and feel
Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.
Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket
We would like to develop a simple visual language that could potentially become part of the brand. Our current idea is a thin turquoise scanning line/pulse that moves horizontally across the webpage. When it encounters something being tested: Turquoise pulse = currently being checked Green ✓ = working Amber ! = problem detected We are open to the designer proposing a better visual metaphor. We want the scanner to feel intelligent and playful — but subtle.
We want: Clean Premium Modern Minimal Friendly Playful Sophisticated SaaS/product-design aesthetic Lots of white/negative space Smooth, elegant motion Subtle depth Excellent typography Purposeful animation The animation should feel like something that belongs on a well-funded modern SaaS company's homepage.
Should not have
Generic AI-generated SaaS artwork Cybersecurity imagery Hackers Shields Code Server graphics Complicated dashboards Giant warning symbols Excessive neon/glowing effects Multiple floating browser windows Stock illustration Cartoon characters Fake/gibberish website text An explainer-video aesthetic
Files
ReadyNext-Brand-Guide
Wednesday, October 14, 2026
Submit your design
Payments
1st place
US$110
Total
US$110
Project Deadline
18 Oct 2026 22:50:59 UTC
Language
Graphic Design inspiration
Bid on my graphic design , Online typography design creator , Newspaper ad creator , Cheap graphic design , Newspaper ad maker , Work from home design , Graphic design clipart creator , 3d dog graphic creator , Graphic design tender online , Bike graphic design software
This data is processed by DesignCrowd and/or its partners, including advertising partners, for the following purposes:
Analyzing and improving the user experience and the content, products, and services offered by DesignCrowd.
Storing and/or accessing information on a device.
Measuring and analyzing website traffic. Interacting with social media.
Fighting fraud.
Showing you personalized advertising and content on DesignCrowd's or third parties' websites.
Measuring the performance of advertisements and content.
Audience data and product development.
Apply on DesignCrowd’s careers page