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
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
Wapsera Social Media Management SaaS UI/UX Case Study
Excited to share one of my recent UI/UX case studies for a social media management SaaS platform.
The project focused on creating a clean, modern, and intuitive experience that helps businesses manage content, streamline workflows, and improve productivity.
This case study covers the complete design process, including branding, research, wireframing, UI design, responsive layouts, and the final design system.
View the complete case study:
https://www.behance.net/gallery/253158517/Wapsera-Social-Media-Management-SaaS-UIUX-Case-Study
If you're looking for a UI/UX designer for a website, SaaS platform, dashboard, or mobile app, I'd be happy to discuss your project.
Portfolio & Services: https://inferadigital.com
Open to freelance projects, remote opportunities, and long-term collaborations. Feel free to connect.
I like the neonish color and black gradient with smooth rounded div and great placement. Really good design!
Project Overview: Med Training Platform
Website Link: www.med-training.org
For the Med Training platform, my main goal was to bridge the gap between high-end brand design and advanced backend functionality. I wanted to build a practical, powerful, and visually striking platform for medical courses where Squarespace acts as a highly secure and beautiful front-end interface connecting to a robust internal database.
Design & Finish Layer Features
Visually, the brand needed to project trust and modernity. I heavily utilized Squarespace’s Finish Layer tools to bring the site to life without compromising loading speeds. I applied native entrance animations across multiple images and key sections to create a smooth, dynamic browsing experience. These built-in design layers allowed me to maintain a polished, professional aesthetic that captures the user's attention right away.
Advanced Functionality, Custom JSON & Smart Automation
The true power of this site lies in its custom architecture. I completely transformed the standard Squarespace Summary Blocks into a fully functional, interactive Course Calendar.
Dynamic Filtering: Users can filter events seamlessly by category and by month, driven by the event titles.
Real-Time Data Fetching: The blue card on the left side of the screen is entirely dynamic. It reads the specific registration link from the active summary in real-time.
JSON Integration: Based on that link, the card pulls precise data from a custom JSON file. This JSON file feeds the UI with the exact price, specific instructions, and even dedicated payment methods that change dynamically depending on the selected event.
Smart Deadlines & Scarcity Alerts: The system intelligently reads event dates to automatically close registrations 10 to 30 days prior to the event. Additionally, I built in a toggleable alert system: I can activate a "few spots left" warning that visually highlights those specific events in red, driving urgency and conversions.
Secure Database Connection
Security and automation were non-negotiable. When a user registers, Squarespace handles the secure front-end connection, but the enrollment data is automatically routed to our internal database. This creates a flawless, automated loop that is practical for the admins and frictionless for the users.
Med Training is the perfect example of how Squarespace’s beautiful design tools can be pushed to the limit with custom code and external database integrations.
Buy Seriva – Premium Telehealth & Healthcare Website Template for HealthTech Startups
Buy Now
Seriva is a premium healthcare website template built for telemedicine platforms, health-tech startups, diagnostic services, and medical SaaS products. Designed using research-driven UX, it includes a modern Home Page, Product Details Page, Treatment Category Page, a complete design system, responsive layouts, organized Figma files, and lifetime updates. Perfect for startups building digital healthcare experiences around lab testing, biomarker insights, online consultations, and preventive care.
Telehealth Website Template, Healthcare Website Template, HealthTech UI Kit, Medical SaaS Design, Healthcare Landing Page, Figma Website Template, Medical Website Design, Digital Health Platform, Diagnostic Website, Biomarker Testing, Preventive Healthcare, Healthcare UX, Medical Startup Website, Responsive Healthcare Template, Healthcare Design System
Get the template
Buy Now | Hire us for Custom Design
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?