Sulis

Sulis is a B2B e-commerce platform that lets users browse products, submit quotation requests, and manage subscriptions inside the product.

I joined to build a brand-new landing page from scratch — focusing on pixel-perfect design implementation and an interactive experience powered by GSAP — while also shipping several features inside the existing platform.

My work covered turning Figma designs into pixel-perfect interfaces, building animations that support the content, implementing a Request for Quotation (RFQ) system, and developing the Pro Plan upgrade feature.

The primary goal was a landing page that reflected the product’s identity professionally, with smooth motion that didn’t hurt performance.

The project also needed new features inside the existing platform — including RFQ and subscription plans — that had to fit the current system without breaking features already in production.

The challenge was balancing motion quality, implementation precision, and delivery speed on a freelance engagement with a small team.

I owned the front end for the marketing page and several in-platform features, including:

• Turning Figma designs into pixel-perfect, fully responsive interfaces.
• Designing and building the full landing page with Next.js and GSAP.
• Creating animations that support UX and guide visual hierarchy through the content.
• Developing several features inside the existing platform.
• Implementing a Request for Quotation (RFQ) flow so users can request quotes and complete purchases after review.
• Building the subscription upgrade experience for the Pro Plan.
• Integrating with the existing project without affecting features already live.

My role went beyond the marketing page — I also had to understand in-product workflows and ship production features that fit the system already in place.

On this project I focused on precise implementation and intentional motion, while shipping production features into an existing platform.

What I worked with:

• Next.js.
• TypeScript.
• GSAP.
• Tailwind CSS.
• Pixel Perfect Implementation.
• Scroll Animations.
• Responsive Design.
• Request for Quotation (RFQ).
• Subscription / Pro Plan Flows.
• Integrating new features into an existing codebase.

During my time on the project, I helped:

• Launch a new landing page that reflects the platform’s identity with a smooth interactive experience.
• Ship new features inside the product without disrupting the existing system.
• Improve UX through animations that serve the content instead of distracting from it.
• Deliver a high-fidelity design implementation while keeping performance and responsiveness intact.
• Integrate and publish the page and features on the main site.

This project reinforced that successful animation isn’t what grabs attention alone — it’s motion that helps users understand content and move between sections naturally.

It also gave me experience extending a live product: adding new features while protecting quality and stability — a different balance than building a marketing page from scratch, and one that requires a deeper read of existing product flows before changing anything.