Skills
Methods and practices. They work with any tool.
- Data modeling
- UX Research
- Prototyping
- Design System
- Motion design
- Requirements gathering
- Systems documentation
Kailane Freires Sousa
Turningideas intoincredibleexperiences.
UI/UX Designer and Full Stack Developer focused on building digital products that connect design, technology and people.
lanecodes.dev — 2026
Designing experiences.
Developing ideas.
Before the code, there is curiosity.
Hi, I'm Lane!
My story with technology began long before my first web application. Back in high school, robotics gave me a place to experiment, compete, teach and find out how much I love turning ideas into something real.
That curiosity led me to a degree in Information Systems, and it still drives me as I study Mechanical Engineering.
Today I work as a full stack developer and UI/UX designer, taking part in every stage of a digital product: from understanding the problem and the first prototype to development, integrations and deploy.
But my relationship with technology doesn't end with code. I also love teaching, joining events, sharing experiences and helping other people find their own paths in tech.
I believe that building technology is, above all, finding new ways to connect ideas, people and possibilities.
I develop products, I design experiences and I share knowledge.
Everything a digital product needs, in one person.
From the first Figma sketch to the API in production.
lanecodes Landing pages
→ Prototype · GSAP animations · Technical SEO
lanecodes Sites e blogs
02Presença digital gerenciável, com blog integrado e responsiva em qualquer tela.
lanecodes Web systems connected to ERPs and CRMs such as Sienge and CVCRM.
lanecodes Mobile apps
→ Mobile UX · React Native · Store release
lanecodes UI/UX Design
05Research, user flows, clickable prototypes and design systems in Figma.
lanecodes Functional and non-functional requirements, business rules and technical documentation.
Organized at every step, from zero to deploy.
Every project goes through the same steps, with clear deliverables at the end of each.
- start / end
- step
- decision
Start · your idea
- 01
Discovery and requirements
I learn the business and the audience, and gather functional and non-functional requirements.
- 02
UX and prototype
User flows, wireframes and a clickable Figma prototype, validated before any code.
- 03
Documentation
Data model, architecture and API contracts written down before building.
- Approved?no? back to the prototype
- 04
Front-end
A component-based, responsive and animated interface, true to the prototype.
- 05
Back-end and database
API, authentication, integrations and a database modeled to grow.
- 06
Deploy and growth
Release, monitoring and continuous improvements together with the client.
Product live
Beyond the screen
The experience goes beyond the device.
- One design. Endless screens. A good experience doesn't depend on screen size. It adapts to whoever is on the other side.
- It's not just shrinking. It's rethinking. Layout, navigation, hierarchy and interaction must work in every context.
- From desktop to mobile. Without losing the experience. Fluid, accessible interfaces designed for different devices.
Browse through my files.
Open the folders, list the files and read each project like code. Or jump straight to the highlights.
portfolio.tsxSelecione um arquivo para visualizar
PROJECT DIRECTORY
Development projects
Browse the work and open a file to see the details.
TERMINAL OUTPUT
$ ls ./projects
✓ Workspace ready to explore
site-institucional-vca.tsxTSX 
Corporate websiteVCA Construtora corporate website
A responsive, animation-rich corporate website focused on showing the essence of the company.
vca-rank.tsxTSX 
Web systemVCA Rank
A corporate engagement platform with a live leaderboard, points, an internal store to redeem points and a quiz area.
portal-do-investidor.tsxTSX 
Web systemInvestor Portal
A portal to attract investors and shareholders, with a members-only area for financial documents.
blog-vca.tsxTSX 
BlogVCA Blog
A corporate blog to inform and connect all of the company's offices and give clients transparency.
governando-com-as-pessoas.tsxTSX 
Web systemGovernando com as Pessoas
A Vitória da Conquista City Hall system where each citizen suggests and votes on investments in works and services for their neighborhood.
rede-axegu.tsxTSX 
Landing pageRede Axêgu
A hospitality website with scroll-controlled video and a high-performance preloader.
01 / 12
See all 23 projects Stack& integrations
UX Research is a practice; Figma is the tool. REST APIs are a pattern; CVCRM and Sienge are real integrations. All in the same ecosystem, everything in its place.
- Skillwhat I know how to do
- Technologywhat I build with
- Toolwhere I work
- Integration patternhow systems talk
- Specific integrationreal connections to platforms
Technologies
Languages, frameworks and libraries I build with.
- Front-end
- Vue.js 3
- Quasar
- React
- Next.js
- TypeScript
- JavaScript
- HTML5
- CSS3
- SCSS
- Tailwind CSS
- Back-end
- Node.js
- NestJS
- Express
- Database
- PostgreSQL
- Prisma
- Firebase
- Supabase
- Oracle Database
- Mobile
- React Native
- Expo
- Animation
- GSAP
- ScrollTrigger
- Three.js
- Lottie
Integrations
Patterns define how systems talk to each other. Specific integrations are the real connections to market platforms.
SystemYour product
◆ Integration pattern
- REST APIs
- JWT authentication
- OpenAPI
- ⇄ Specific integrationCVCRM APICRM · leads, contracts and webhooks
- ⇄ Specific integrationSienge APIERP · data sync over REST
Tools
Everyday software, from design to deploy.
- Vite
- Figma
- Photoshop
- Illustrator
- Git
- Docker
From high school robotics to systems in production.
- Name
- Kailane Sousa
- Role
- UI/UX Designer & Full-stack Developer
- BR1.2024.0557
Contact
Found this badge? lanecodes.dev- kailanesousa58@gmail.com
- Vitória da Conquista, BA, Brazil
Find meon stageand behind the scenes
Talks, courses, mentoring and workshops at tech events. Each ticket leads to the full story on the blog (in Portuguese).
Stay in the loop- Past editionTalkTalk for Information Systems freshmenSee on the blog 15.092025lanecodes.dev
- Past editionMentoringTeam mentoringSee on the blog 20.062025lanecodes.dev
- Past editionWorkshopFigma workshop — 2nd editionSee on the blog 10.102024lanecodes.dev
Manual —2026On the
blogCareer · 1 min readBem-vindos ao lanecodes.devRead now ↗
blogCareer · 1 min readBem-vindos ao lanecodes.devRead now ↗
[ The brand ]
Why Fireframe?
Fireframe is the union of digital architecture and experience design.
Frame is the structure: wireframes, systems and interface organization. Fire is the layer that brings it to life: interaction, motion, visual identity and presence.
I don't just make screens. I build functional, fast and responsive interfaces that turn structure into a real experience for the people who use them.
FireInteraction and motion
FrameArchitecture and structure
Responsive experiences
What does Fireframe do?
- UI/UX Design
Research, prototyping, design systems and experiences designed for the people who use them.
- Software engineering
Component-based interfaces and fast APIs with Vue, React, Next.js and NestJS.
- Responsive experiences
Adaptable, fluid and consistent products on any screen and device.
- Fixed-scope projectScope, timeline and budget agreed before we start.
- Ongoing partnershipMonthly hours to keep improving a product, site or system.
- Contract or full-timeOpen to opportunities on product teams, including remote.
Let's build something together
Let's takeyour ideaoff the page?
Personal reply
within 2 business days