From Scattered Files to Shipped Code in 30 days.

Picture this: Components that are literally scattered screenshots instead of reusable elements. Engineers shipping at breakneck speed.

Pssst! Mobile page is currently WIP. The custom code components are very tricky to make them appear in a nice way in mobile an still make them interactive. Working on it!

Someone needs to build design foundations without becoming the bottleneck enabling strategic redesigns like these:

Navigate yourself!

Try opening the chat, go through tabs…

The agent setup at telli scaled up pretty quick in terms of feautures so customers reported that complexity made them scared to take action and make changes.

With this new design, we turned a static agent's page into a semantically-grouped tab system that brings trust to the user and we brought the chat up to solve any doubts on the go.

Role

Role

Freelance Founding Designer

Team

Team

CTO
CEO
3 Engineers
Me

Date of work

Date of work

2025

Challenge

Establish design foundations while maintaining startup shipping velocity. Consolidate scattered design files, rebuild screenshot-based components into a reusable system, and keep pace with engineers shipping features weekly.

Establish design foundations while maintaining startup shipping velocity. Consolidate scattered design files, rebuild screenshot-based components into a reusable system, and keep pace with engineers shipping features weekly.

Establish design foundations while maintaining startup shipping velocity. Consolidate scattered design files, rebuild screenshot-based components into a reusable system, and keep pace with engineers shipping features weekly.

Results

Built complete design system, redesigned core product experiences, and contributed code while maintaining 1 feature per engineer per week velocity.

~50

Screens migrated

~9h

Time to feature

6 new

Features for the team to work on

The components below aren't screenshots!! I deployed coded versions on my own server for you to play with and click away.

Made the chat interaction more human, relieving customers and enhancing trust.

Customers were scared they would break something, so we enhanced little by little the components they used the most.

Customers were scared they would break something, so we enhanced little by little the components they used the most.

Customers were scared they would break something, so we enhanced little by little the components they used the most.

Custom telli loading animation

Made as an SVG and animated with Rive (or you can also do Lottie)

Made as an SVG and animated with Rive (or you can also do Lottie)

Made as an SVG and animated with Rive (or you can also do Lottie)

Installed design processes that helped features develop with a clear purpose

Clear communication and design documentation are the drivers to scaling with top speed without losing direction.

"Gerard brought incredible energy and momentum to telli. He’s the kind of person who dives in, moves fast, and makes things happen. What stood out most was his drive: he didn’t wait around or overthink things. He’d tackle problems head-on, iterate quickly, and ship with a sense of urgency that’s rare to find.

Beyond the output, Gerard just brings a contagious energy to the team. He’s fully engaged, proactive, and genuinely excited about building. If you need someone who will hit the ground running and keep the pace high, Gerard is your person."

Seb

CTO and co-founder

Also, I contributed to telli's codebase

Designed from 0 to 1 the CSV import feature that allowed users to bulk upload customers data. Kudos @paulus and @felix for the trust and helping debug table CSS errors :D

Designed from 0 to 1 the CSV import feature that allowed users to bulk upload customers data. Kudos @paulus and @felix for the trust and helping debug table CSS errors :D

Designed from 0 to 1 the CSV import feature that allowed users to bulk upload customers data. Kudos @paulus and @felix for the trust and helping debug table CSS errors :D

Conclusion

I built the foundations, shipped them through PRs, and proved adoption through migrations.
The system kept paying off every time the team shipped a new feature.

Strenghten your product
through smart design.

Schedule a call with Gerard

gerard@netwoerk.com

Gerard Martí 2025.

Strenghten your product
through smart design.

Schedule a call with Gerard

gerard@netwoerk.com

Gerard Martí 2025.

Strenghten your product
through smart design.

Schedule a call with Gerard

gerard@netwoerk.com

Gerard Martí 2025.

Strenghten your product
through smart design.

Schedule a call with Gerard

gerard@netwoerk.com

Gerard Martí 2025.