Danilo Lima
UX Designer, Framer and Figma Expert
Ready for work
Danilo is ready for their next project!
I gave a real local barbershop a cinematic digital glow-up. ✂️
For the @Base44 #GiveItAGlow Challenge, I chose Barbearia Sena — a real barbershop located in a nearby city here in Brazil.
The before:
Their existing website had the essential business information, services, pricing and contact details, but the digital experience no longer reflected the level of craftsmanship, identity and atmosphere behind the brand.
The after:
I rebuilt their digital presence from the ground up using Base44, transforming it into a dark, cinematic and premium experience inspired by the precision and ritual of traditional barbering.
I designed a new multi-page experience focused on services and pricing, online booking, barber presentation, training and courses, and gift cards.
The hero experience uses cinematic storytelling built around macro shots of scissors, clippers, straight razors, smoke and warm amber lighting — turning the tools of the craft into part of the brand experience.
The automation:
I created a booking flow designed to reduce manual scheduling and make it easier for customers to choose a service, barber, date and time.
My goal wasn't just to make the website look better.
It was to transform a simple online presence into an experience worthy of the craft behind the business.
Before: Original Barbearia Sena website (https://barbeariasenabs.wixsite.com/barbearia-sena?utm_source=chatgpt.com)
After: New Barbearia Sena experience built with Base44 (https://sena-craft-studio.base44.app/?utm_source=chatgpt.com)
Built with @Base44.
#GiveItAGlow #Base44 #WebDesign #UIDesign #UXDesign #CreativeAI #Barbershop @Base44
0
25
🇺🇸 English
🚀 Just built a 3D Hologram effect for the Web!
I've been working on a new open-source project that transforms a regular image into an animated particle-based hologram, combining modern visuals, dynamic lighting, and real-time rendering.
The goal was to create a lightweight, customizable component that can be easily integrated into portfolios, landing pages, SaaS websites, and other interactive web experiences.
Features
✨ Particle-based hologram rendering
⚡ Real-time animation
🎨 Fully customizable
🌐 Easy to integrate into any web project
📦 Open Source
If you'd like to use it, contribute, or simply check out the code, it's available on GitHub.
🔗 GitHub:
https://github.com/DefaltyDev/HoloScan.js
I'd love to hear your thoughts and feedback!
🇧🇷 Português
🚀 Acabei de desenvolver um efeito de Holograma 3D para Web!
Tenho trabalhado em um novo projeto open source que transforma uma imagem comum em um holograma animado formado por partículas, combinando efeitos visuais modernos, iluminação dinâmica e renderização em tempo real.
O objetivo foi criar um componente leve, totalmente customizável e fácil de integrar em portfólios, landing pages, sites SaaS e outras experiências interativas na web.
Recursos
✨ Holograma formado por partículas
⚡ Animação em tempo real
🎨 Totalmente customizável
🌐 Fácil integração em qualquer projeto web
📦 Open Source
Se quiser utilizar, contribuir ou apenas conhecer o projeto, ele está disponível gratuitamente no GitHub.
🔗 GitHub:
https://github.com/DefaltyDev/HoloScan.js
Ficarei muito feliz em receber feedbacks e sugestões da comunidade!
#OpenSource #JavaScript #ThreeJS #WebGL #Frontend #CreativeCoding #WebDevelopment #UI #UX #Portfolio #Tech #OpenToWork
1
57
🕷️ Spider-Man — Interactive Visual Experience A project I studied in Nasser Yousef's class — and one that completely shifts how you think about the web. superspider.site (http://superspider.site) is a cinematic, game-inspired interactive experience built around a spider vigilante. What makes the process especially interesting: it started as a Figma design and was then translated into code by hand — no frameworks, just a deep understanding of the craft. What makes it stand out: → Designed in Figma, built in vanilla HTML, CSS & JS → 3 distinct perspectives to explore (Idle, Action, Suit) via dynamic video switching → GSAP 3 for orchestrated animations and SplitText for letter-by-letter reveals → Lenis for that smooth, natural scroll feel → SVG Inject for fully styleable vector assets → Cinematic layout with bold typography and dark atmosphere No React. No Vue. Just intentional code and a strong design foundation — proof that knowing your tools deeply matters more than using the trendiest ones. 🔗 superspider.site (http://superspider.site) #webdesign #figma #html #css #javascript #gsap #lenis #motiondesign #interactivedesign #designtocode #nasser #portfolio
0
47
Conceptual redesign of the Binance landing page, created for a competition with over 500 designers. The project delivers a more modern, secure, and immersive crypto experience, focused on trust, clear information, and conversion. This work placed in the Top 25 of the competition.
1
63
I recreated the Farm Minerals project in Framer as a practice and experimentation project focused on reproducing advanced scroll-based video animations inspired by the original website. The main goal was to study and implement immersive scrolling effects, smooth transitions, and interactive visual storytelling within the Framer environment.
The project included responsive design adaptation, animation synchronization with user scrolling, and performance optimization to achieve a fluid experience across different devices. This work allowed me to explore Framer’s animation capabilities while recreating a modern and engaging interface inspired by the original Farm Minerals website.
https://farmmineral.framer.website/
1
1
36
Project published: MODERNEXT Real Estate
I designed and built a premium real estate website focused on trust, elegance, and a seamless property-browsing experience.
The goal was to create a modern digital presence for a real estate brand, with clear sections for buying, renting, luxury residences, upcoming launches, featured properties, and direct contact.
Key highlights:
• Premium landing page for the real estate market
• Clean and sophisticated visual design
• Conversion-focused structure
• Featured property sections
• Strong brand presence and professional layout
• Clear calls to action throughout the page
View the full project: https://modernext.framer.website/
5
2
37
Modern Shopify Store for Fashion & Sneakers – High-Conversion E-commerce.
I developed a complete Shopify store for a fashion and sneakers brand, focusing on clean design, fast performance, and a high-conversion structure.
The project includes:
Fully customized layout and visual identity
Professional hero banners and product showcases
Clear, optimized navigation and category structure
Conversion-focused product pages (trust badges, optimized sections, CTAs)
Responsive design for mobile, tablet, and desktop
Lightweight performance for paid traffic (Meta Ads, Google Ads)
This store was built from scratch with a strong focus on user experience, credibility, and visual consistency.
A complete Shopify setup ready to increase sales and scale efficiently.
0
29