Hostman and Timeweb are cloud service platforms for developers and teams. I contributed to the redesign of their main dashboard and marketing website, focusing on clarity, scalability, and visual consistency across multiple user roles and states.
My role included designing responsive layouts for both desktop and mobile, shaping new design-system components, and helping the frontend team implement scalable UI patterns that simplified navigation and reduced interface noise.
The goal of the redesign was to make a complex multi-feature SaaS product more approachable. I developed layout logic and component structure that balanced technical depth with a clean, minimal look.
The new system supports consistent behavior across different product areas and helps users quickly find the information they need — whether managing servers, billing, or projects. Collaboration with developers ensured accurate implementation and smooth handoff from Figma to production.
Marketing homepage redesigned for clarity & conversion
Structured hero, product cards, and clear CTAs; responsive dark theme with a consistent grid for fast scanning across breakpoints.
Scalable IA for a complex product catalog
Grouped items into Compute / App Platform / Services with iconography and keyboard/touch support - reducing time-to-find and misclicks.
Frictionless, accessible sign-up flow
Email + social auth, focus-trap, and semantic states; optimized for quick trial start and lower drop-off on first interaction.
Mobile patterns aligned with tokens & DS
Menus, pricing, lists, and feedback states are adapted for small screens with consistent elevation, spacing, and readability.
Unified visual language with reusable components
Designed and documented a full set of cards, icons, and widgets for the updated Hostman interface - improving consistency and reducing design-to-dev handoff time.
Consistent visual system across light and dark themes
Designed and documented color, text, and status tokens to keep both themes aligned visually and technically across the product.
Consistent form components across light and dark modes
Created button and input libraries with full state coverage and validation logic, ensuring accessibility and visual harmony across the interface.
Dual-theme design for product pages
Implemented light and dark UI variations using shared design tokens for color, spacing, and typography consistency.
Developer-ready icons and diagrams
Designed scalable graphical assets with theme support and export optimization for seamless integration into product UI.
Success Validation
Established a unified design system with scalable components, tokens, and adaptive rules for both light and dark themes.
Collaborated closely with developers and PMs to ensure accurate handoff, state coverage, and seamless implementation.
Validated layouts and components through responsive testing and edge case reviews (empty states, error states, i18n, long text).
Improved team efficiency - faster design-to-dev delivery and fewer UI inconsistencies across product pages.
Outcomes
Reduced UI assembly time by ~30–40% through reusable components and consistent design tokens.
Delivered a clean, maintainable interface that scales easily across products and platforms.
Simplified developer workflow via optimized exports and unified naming conventions.
Enhanced brand consistency and user experience across desktop, mobile, and theme variations.
