I Built My Studio Website (Zyklabs) — Roast It, Review It, Improve It
Source: Dev.to
Overview
I built Zyklabs, a product‑focused web & SaaS studio website, and added a colorful Holi overlay animation. This post showcases the site and asks for feedback from the developer community.
👉 https://zyklabs.in
Core Idea
Build fast. Scale smart.
After creating multiple MERN projects, I realized that most developer portfolios highlight skills, while businesses care about solutions. I asked:
- What would a startup founder want to see?
- What builds trust instantly?
- How can a developer site feel like a real product company?
Target Services
Zyklabs positions itself as a product engineering studio, not a generic agency. It focuses on building scalable digital systems such as:
- Custom Web Applications
- SaaS Platforms
- Progressive Web Apps
- API‑Driven Systems
- Enterprise Dashboards
- Mobile Applications
The messaging avoids generic “we build websites” statements and instead emphasizes engineering capability.
Process
Instead of starting with UI design, I first answered three key questions:
- Who is this website for?
- What problem does it solve?
- Why should someone trust it?
Only after clarifying these did the visual design begin.
Key Goals
- Fast loading
- Minimal animation blocking
- Clean layout hierarchy
- Responsive across devices
Principles Followed
- Reusable components
- Minimal JavaScript overhead
- Scalable layout structure
Section Mapping
| Section | Visitor Question |
|---|---|
| Hero | What do you do? |
| Services | Can you help me? |
| Process | How do you work? |
| Pricing | Is this affordable? |
| CTA | How do I start? |
Each section is crafted to answer a specific visitor question without overwhelming them.
Holi Overlay Experiment
To celebrate the upcoming Holi festival, I added a subtle, full‑screen overlay:
- Floating color particles (gulal effect)
- Gentle motion, non‑blocking interaction
- Performance‑safe animation
The overlay aims to be festive yet professional, with the following constraints:
- ✅ Subtle
- ✅ Lightweight
- ✅ Professional
- ✅ Temporary
Challenges Encountered
Messaging
The hardest problem was shifting from a freelance‑portfolio tone to a technical partner narrative. Early drafts felt agency‑like because they focused on services rather than outcomes. I rewrote copy repeatedly to highlight:
- Scalability
- Product engineering
- Long‑term systems
Example shift:
- ❌ “Full‑stack development services”
- ✅ “We turn complex ideas into scalable digital products”
Credibility Without Testimonials
Zyklabs is new, so there are no testimonials, case studies, or brand recognition. Design had to compensate by emphasizing:
- Clear structure
- Visual consistency
- Professional tone
Balancing Aesthetics and Credibility
Finding the sweet spot between modern SaaS aesthetics and business credibility required iterative layout tweaks. Every section needed to answer a user question while remaining conversion‑focused.
Data‑Driven Decisions
With no analytics yet, layout choices were based on:
- SaaS landing‑page patterns
- Startup website conventions
- UX psychology assumptions
The current version is therefore a hypothesis awaiting real user feedback.
Holi Overlay Technical Considerations
- Animation performance
- Distraction vs. delight
- Business audience expectations
- Mobile responsiveness
The goal was cultural personalization without visual noise.
Request for Feedback
I’d appreciate honest community input on:
- Trustworthiness of the site
- Clarity of messaging
- Any confusing sections
- Performance improvements
- Architectural suggestions
- Animation optimization ideas
- Whether it feels more like a studio or an agency
- Ideas to increase credibility
Planned Improvements
- Case studies
- Project demos
- Founder story section
- Engineering blog
- More seasonal UI experiments
Closing Thoughts
This post isn’t promotion; it documents my journey from Developer → Product Builder → Studio Creator. Early feedback will help the site improve faster.
Tags: webdev, startup, saas, frontend, showdev, indiehackers, uiux