Freelancers using CSS in CotiaFreelancers using CSS in Cotia
ProjectsPeople
Leo Reed's avatar
Leo Reed
proSão Paulo, Brazil
Motion Designer | Video Ads & Launch Videos for Apps & DTC
8
Followers
JITTER_EXPERT

expert

Motion Designer | Video Ads & Launch Videos for Apps & DTC
Cover image for Tieout: Brand Identity Concept for
Tieout: Brand Identity Concept for an AI Accounting Tool Tieout is a fictional AI close assistant for accounting teams. It checks every account against its source and shows the team only what doesn't match. This is a self-initiated concept I made to show how I'd brand a product like this. There is no real company or client behind it. The idea starts with the accountant's double underline, the two lines that mark a checked, final total. Those same lines make an equals sign, which is what a reconciliation proves. So the mark is a double rule finished by one small piece: the reconciling item that makes two totals agree. That piece also dots the i. Inside the product, an exception is that piece gone missing. The concept covers the logo suite, type, color with dark mode, product UI, launch and social templates, applications, motion principles, and an animated logo with custom sound. Every animation follows one rule: things move toward agreement.
1
76
Cover image for Stillhour: Supplement Brand Identity (Concept) Stillhour
Stillhour: Supplement Brand Identity (Concept) Stillhour is a self-initiated brand identity concept. The brand is fictional and there was no client. It imagines a melatonin-free drink you stir into warm water before bed to support your wind-down routine. The strategy started with one problem. Independent lab studies keep finding melatonin products that don't match their labels, so careful buyers have stopped trusting the category. Stillhour's answer is to show its work: every dose printed in full, and a lab report for every lot, linked from the jar. The mark is a dial that stops at the right hour, with a crescent for stillness. Warm ember on deep night replaces the usual purple sky. Included: a one-page strategy, logo suite, type and color system, jar and refill packaging with a full side panel, web hero, three social templates, a guidelines page, and an animated logo with custom sound.
1
104
Cover image for Sondry: an animated landing-page hero
Sondry: an animated landing-page hero built in HTML and CSS (concept) A hero section for Sondry, a fictional tool that sorts customer feedback into themes. Feedback cards arrive, group under three themes, and one insight surfaces, all in a 7-second loop that resets without a cut. The headline settles in about a second and stays put, so the page stays readable while the product panel moves. The hero is real HTML and CSS, not a video dropped into a page. It's 16 KB and runs at 60 fps, with three depth layers drifting at different speeds and a reduced-motion fallback. The video here is a frame-by-frame capture of the live page, with custom UI sound and an original music track. Live page: https://product.leoreed.com/hero/sondry/ Concept project. Fictional product, not affiliated with any real company.
0
460
Cover image for Tavrin: Ad + Matching Landing
Tavrin: Ad + Matching Landing Page (Concept) A concept campaign for Tavrin, a fictional travel card. The ad and the landing page open with the same line, "Your next departure.", so the click lands on what the ad promised. The ad runs 18 seconds in 9:16 and 4:5, with three hooks. The page is built in Framer, and its hero starts on the ad's first frame. Live page: https://innocent-work-489594.framer.app Concept work, not a client project.
0
116
CSS(3)
Ste D'Elboux's avatar
Ste D'Elboux
São Paulo, Brazil
Product Designer, AI Builder & Creative Technologist
$1k+
Earned
28
Followers
Product Designer, AI Builder & Creative Technologist
Cover image for Password Generator
Password Generator
0
12
Cover image for I’m taking part in the
I’m taking part in the Lovable Challenge, and this time I decided to start with a real problem from a real person: my friend Ana Mi, an independent tattoo artist from São Paulo. A lot of her bookings happen through social media. Clients ask about prices, sizes, availability, and payments and she has to answer everything manually. So I thought: what if booking a tattoo felt more like visiting an art gallery? That’s how INKROOM was born. 🖤 A place where people can discover Ana’s work, choose a tattoo, customize it, book an appointment, or even send their own idea for a custom quote. And Ana can manage requests, appointments, payments, and her tattoo collection all in one place. Less time managing messages. More time creating. Built with Lovable for the Lovable Challenge 2026.
2
1
292
Cover image for What if an ancient Egyptian
What if an ancient Egyptian relic was actually the hero of a lost retro console game? For the FLORA Museum Challenge, I reimagined the "Faience amulet in the form of a tree frog" (Ptolemaic Period, 330–30 BCE) from The Metropolitan Museum of Art’s Open Access archive into a playable, low-poly 32-bit platformer hero. 🏛️ Original Met piece: metmuseum.org/art/collection/search/243774
4
13
1K
Cover image for WHAT WE WEAR TO PROTECT What
WHAT WE WEAR TO PROTECT What if historical armor left the museum and walked into a 1990s fashion editorial? For the #FLORAMuseum challenge, I used four original armor pieces from The Met as my creative brief — without changing the pieces themselves. I only changed the context: real models, fashion photography, a magazine cover and a VHS-style behind-the-scenes. 5,000 years of protection. One new context. Original references from The Met: https://www.metmuseum.org/art/collection/search/24008 https://www.metmuseum.org/art/collection/search/25640 https://www.metmuseum.org/art/collection/search/23205 https://www.metmuseum.org/art/collection/search/24671 Built with @floraai #FLORAMuseum
3
18
1.1K
CSS(1)
Leonardo Cunha's avatar
Leonardo Cunha
São Paulo, Brazil
Web Developer | Tailoring Solutions for Your Success
Web Developer | Tailoring Solutions for Your Success
Cover image for Continuous maintenance and enhancement of company's website
Continuous maintenance and enhancement of company's website
0
27
Cover image for Responsive Landing Page
Responsive Landing Page
0
21
Cover image for Flash Offers Platform
Flash Offers Platform
0
32
Placeholder project card media
View more →
CSS(2)
Andrei Flausino's avatar
Andrei Flausino
São Roque, Brazil
Responsive Frontend & Fullstack Engineering
Responsive Frontend & Fullstack Engineering
Cover image for High Landing - Landing Page
High Landing - Landing Page
1
4
Cover image for Responsive Christmas Website
Responsive Christmas Website
1
7
Cover image for Full-Stack Blog
Full-Stack Blog
1
4
Cover image for Personal Portfolio
Personal Portfolio
0
6
CSS(1)
Pedro Welison's avatar
Pedro Welison
São Paulo, Brazil
Full-Stack Developer | Python, Automation & Data
New to Contra
Full-Stack Developer | Python, Automation & Data
Cover image for Responsive Educational Website & Conversion Landing Page
Responsive Educational Website & Conversion Landing Page
0
8
Cover image for THE CHALLENGE Client relationships become difficult
THE CHALLENGE Client relationships become difficult to manage when projects, conversations, account health, and revenue signals live in separate places. THE SOLUTION Clientio is a client management SaaS concept that gives teams one clear view of clients, active work, project health, timelines, and the next conversation. WHAT I BUILT • Client portfolio and health indicators • Project status, revenue, and timeline views • Central inbox and client activity feed • Responsive management dashboard • Clear information hierarchy for daily account work DESIGN APPROACH A bright blue workspace with warm orange highlights makes dense operational data approachable while preserving a confident professional feel. THE OUTCOME A polished CRM product demonstration combining product strategy, dashboard UX, visual design, and frontend engineering. LIVE PRODUCT https://clientio-saas-demo.almond-bowl-2897.chatgpt.site
0
65
Cover image for THE CHALLENGE Revenue teams lose momentum
THE CHALLENGE Revenue teams lose momentum when leads sit between a form submission, qualification, routing, and the next meaningful follow-up. THE SOLUTION Pipelin is a lead automation platform concept that captures, qualifies, and routes prospects without manual follow-up. It makes the flow of work visible from first signal to sales ownership. WHAT I BUILT • Visual lead-capture and routing workflow • Qualification rules with scoring thresholds • Automated welcome and nurture sequences • Real-time activity feed and pipeline analytics • Routing controls for market, company size, and priority • Responsive dark-mode SaaS dashboard DESIGN APPROACH A high-contrast operations interface uses deep navy, teal, and lime signals to make automation states, decisions, and performance easy to understand at a glance. THE OUTCOME A deployment-ready product demonstration combining workflow UX, data visualization, automation strategy, and frontend engineering. LIVE PRODUCT https://pipelin-automations-demo.almond-bowl-2897.chatgpt.site
0
57
Cover image for THE CHALLENGE Maintaining a study routine
THE CHALLENGE Maintaining a study routine is difficult when progress is scattered across notes, timers, and apps that stop working at the exact moment a learner loses connection. THE SOLUTION Trilho is an offline-first study habit tracker concept built around daily focus, visible streaks, and a resilient routine that keeps moving even without an internet connection. WHAT I BUILT • Daily focus timer and study-session flow • Habit tracking with streaks and calendar history • Weekly progress charts and goal visibility • Offline-first states with automatic sync messaging • Responsive desktop and mobile product experience • Accessible task controls and motivational feedback DESIGN APPROACH The interface pairs warm coral with lavender, cream, and deep navy to make productivity feel optimistic rather than demanding. Clear visual hierarchy keeps the daily action and progress signals easy to scan. THE OUTCOME A complete product demonstration that brings together mobile-first UX, habit-forming interaction design, frontend engineering, and an offline-aware experience. LIVE PRODUCT https://trilho-habits-demo.almond-bowl-2897.chatgpt.site
1
83
CSS(1)
Lucas Ferreira's avatar
Lucas Ferreira
São Paulo, Brazil
Frontend Developer | Clean, responsive & optimized sites
Frontend Developer | Clean, responsive & optimized sites
Cover image for Pizzaria Lá terraço
Pizzaria Lá terraço
1
12
Cover image for Barber Zap
Barber Zap
0
7
Cover image for Pizza Menu Listing
Pizza Menu Listing
0
4
Placeholder project card media
View more →
CSS(1)