The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Slack-Inspired SaaS Landing Page Design & Webflow Development
I designed and developed a modern SaaS landing page inspired by Slack, using Figma for the initial design and Webflow for the live website.
The goal was to create a clean, professional landing page that communicates the value of a team collaboration platform, highlights its core messaging, and encourages visitors to learn more.
What I worked on:
UI design in Figma: Planned the page layout, visual hierarchy, and overall user experience.
Webflow development: Converted the Figma design into a functional landing page.
Responsive layout: Worked on structuring the page for a clean browsing experience across screen sizes.
Landing page content: Incorporated the headline, supporting copy, and call to action to communicate the product's value. Project scope: This project focused on the landing page. Although the original concept was intended to extend into a larger CMS-based website, I completed the landing page within the limits of my available Webflow plan.
This project demonstrates my ability to take a design from Figma to Webflow and turn a visual concept into a live web experience.
you can feel the slack DNA without it being a copy. thats the tricky part
Spot on. It’s about stealing the system rules—smooth interaction states, tight spacing, and tactile feedback—rather than copying the layout. That’s what gives a custom build its own personality.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Kajabi Website Design for Online Coaches & Courses
Designed a Kajabi website concept for online coaches and course creators who need a clear, professional way to present their programs and learning offers.
The website focuses on presenting course information, highlighting program benefits, and guiding visitors toward enrollment or the next step. The layout combines clear content structure, engaging sections, responsive design, and strategically placed calls to action to create a smooth experience across desktop and mobile.
The goal is to help coaches communicate the value of their programs and give prospective students a clear path from discovering the offer to taking action.
#Kajabi #KajabiWebsiteDesign #WebsiteDesign #OnlineCourse #CourseCreator #OnlineCoaching #CoachingWebsite #CourseWebsite #LandingPageDesign #SalesPageDesign #WebDevelopment #Elearning
The “Four modules. One much clearer next move.” line makes the course feel manageable before someone gets into the details. That’s a useful choice for coaches whose offers can otherwise feel overwhelming. For this concept, would the main CTA go straight to enrollment, or let visitors preview a lesson first?
Designed a modern Smart Band Health Tracking App.
A warm rose and coral gradient with soft blur effects, a cinematic onboarding photo, and large, clean numbers for a bold and inspiring first impression.
A glowing health score, a daily steps card with a clear timeline, quick stats for calories, sleep, and heart rate, plus a health record chart with simple daily insights make wellness data feel easy to understand. Soft glass cards and a floating tab bar keep the whole app smooth and easy to use.
Impressive work
A data platform’s website shouldn’t just display information. It should show where that information leads.
I designed this website concept for Xoto, a B2B data intelligence platform that helps businesses spot change, understand opportunity and know where to move next.
The site is built on the brand idea, Intelligence in Motion:
45° trajectories guide the eye down the page, so scrolling feels like moving forward
Signals and intersections echo the X in the logo and highlight key moments in the story
Deep teal and Xoto Turquoise do real work: brighter colour marks the most important information
Analytical details such as metrics, coordinates and directional notes make the interface feel precise
The result is a website that carries the brand straight into the product experience: clear, confident and built around momentum.
If your SaaS or data platform needs a website that explains the product as well as it looks, let’s talk.
#webdesign #saasdesign #brandidentity #uidesign
Carrying the 45° trajectories from the Intelligence in Motion idea through the whole site is a clever way to make a data platform feel like it's going somewhere.