1 Page Website Design: Accessible | Responsive | Design System✦ by Kino Wong1 Page Website Design: Accessible | Responsive | Design System✦ by Kino Wong
✦ A thorough UX and UI review, delivering a one-page conceptual design tailored for your SaaS product or website. The design process includes up to three major revisions, ensuring a swift turnaround while maintaining high standards of responsiveness and accessibility.
✦ The design is crafted in alignment with established design systems to ensure consistency and usability.
What's included
Style Guide
✦Core visuals: colors, text styles, and more, perfectly aligned with your brand
✦Atomic components: tailored design system components (e.g., MUI, AntDesign, Atom Kit)
✦ Blocks: build blocks using atomic components
1 Page UX&UI Design
✦Responsive layouts for HD, desktop, tablet, and mobile
✦Light and dark mode ✧Icons, charts, illustrations, and other assets used in the design
✦WCAG 2.1 compliance
Design Handoff
✦Customization instructions for the Design System (for engineers)
✦Descriptions of various states of Blocks
✦Tracking and resolving design issues during development
FAQs
🧩Always use the Figma library that matches your front-end framework package for the best results! By the way, I'm a big fan of MUI✨.
If no corresponding Figma library exists, we can use my Figma library Atom Kit and design the product according to the front-end framework component guidelines.
✦ A thorough UX and UI review, delivering a one-page conceptual design tailored for your SaaS product or website. The design process includes up to three major revisions, ensuring a swift turnaround while maintaining high standards of responsiveness and accessibility.
✦ The design is crafted in alignment with established design systems to ensure consistency and usability.
What's included
Style Guide
✦Core visuals: colors, text styles, and more, perfectly aligned with your brand
✦Atomic components: tailored design system components (e.g., MUI, AntDesign, Atom Kit)
✦ Blocks: build blocks using atomic components
1 Page UX&UI Design
✦Responsive layouts for HD, desktop, tablet, and mobile
✦Light and dark mode ✧Icons, charts, illustrations, and other assets used in the design
✦WCAG 2.1 compliance
Design Handoff
✦Customization instructions for the Design System (for engineers)
✦Descriptions of various states of Blocks
✦Tracking and resolving design issues during development
FAQs
🧩Always use the Figma library that matches your front-end framework package for the best results! By the way, I'm a big fan of MUI✨.
If no corresponding Figma library exists, we can use my Figma library Atom Kit and design the product according to the front-end framework component guidelines.