MasterPOS provides cloud-based point-of-sale systems for retailers of all sizes. The platform integrates CRM, accounting, inventory management, employee tracking, and mobile POS capabilities—serving 5,000+ customers across 9,000+ locations with 247M+ transactions processed.

In this project, I worked on converting a SaaS website design created in Figma to a fully functional website using Webflow The client provided me with the Figma design, and my task was to convert it into a responsive, interactive website that could be easily managed and updated by the client.

Led Figma UI/UX design, Webflow development, integrated CMS and forms, optimised for SEO and speed.

MasterPOS's previous website was cluttered and failed to communicate the platform's comprehensive feature set. Key pain points included:

𝗢𝘃𝗲𝗿𝘄𝗵𝗲𝗹𝗺𝗶𝗻𝗴 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻 𝗮𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲: Potential clients struggled to understand how MasterPOS could streamline their operations

𝗨𝗻𝗰𝗹𝗲𝗮𝗿 𝗳𝗲𝗮𝘁𝘂𝗿𝗲 𝗵𝗶𝗲𝗿𝗮𝗿𝗰𝗵𝘆: The breadth of capabilities (CRM, inventory, accounting, mobile POS) wasn't organized logically

𝗪𝗲𝗮𝗸 𝗰𝗼𝗻𝘃𝗲𝗿𝘀𝗶𝗼𝗻 𝗽𝗮𝘁𝗵𝘄𝗮𝘆𝘀: No clear journey from feature discovery to demo booking or free trial signup

𝗦𝗹𝗼𝘄 𝗹𝗼𝗮𝗱 𝘁𝗶𝗺𝗲𝘀: Performance issues affecting SEO rankings and user experience

𝗙𝗶𝗴𝗺𝗮 𝗨𝗜/𝗨𝗫 𝗗𝗲𝘀𝗶𝗴𝗻:

Created a modern, clean visual direction with bold blue accent colors and ample white space

Designed intuitive information hierarchy separating core features, industry solutions, and merchant services

Built interactive product mockups showing the POS interface in action

Developed icon system for consistent feature visualization

𝗪𝗲𝗯𝗳𝗹𝗼𝘄 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁:

Built a fully responsive website optimized for fast load times

Implemented smooth animations including floating notification cards in the hero section

Created interactive feature grid with 12+ capability cards linking to detailed pages

Developed customer testimonial carousel with brand logos

𝗖𝗠𝗦 𝗖𝗼𝗻𝗳𝗶𝗴𝘂𝗿𝗮𝘁𝗶𝗼𝗻:

Set up Webflow CMS for product feature pages

Created collections for industry-specific landing pages (Vape Shops, Sporting Goods, Cosmetics, Electronics, Grocery, Apparel)

Enabled easy content updates for marketing team

𝗙𝗲𝗮𝘁𝘂𝗿𝗲 𝗦𝗵𝗼𝘄𝗰𝗮𝘀𝗲

Organized capabilities into clear sections: Cloud-Based POS, Real-Time Notifications, Multi-Location Dashboard, Data Security

Built interactive "How It Works" three-step process (Sign Up → Download Apps → Connect Hardware)

Created device compatibility section showing iOS, Android, and Windows support

𝗖𝗼𝗻𝘃𝗲𝗿𝘀𝗶𝗼𝗻 𝗢𝗽𝘁𝗶𝗺𝗶𝘇𝗮𝘁𝗶𝗼𝗻:

Multiple CTAs: "Schedule a Demo," "Sign Up Now," "Start a Free Trial"

Integrated contact forms with callback request functionality

Prominent 14-day free trial messaging

Live support phone number (1-855-578-MPOS) displayed throughout

𝗧𝗿𝘂𝘀𝘁 & 𝗦𝗼𝗰𝗶𝗮𝗹 𝗣𝗿𝗼𝗼𝗳:

Partner logos (Rolex, Nike, Premier, L'Oréal)

Customer testimonial slider with real quotes

Key metrics display: 5K+ customers, 247M+ transactions, 9K+ locations

PCI compliance and P2PE security badges

𝗦𝗘𝗢 & 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲:

Optimized page structure and meta data

Compressed imagery for fast load times

Clean URL structure for industry pages

Semantic HTML for search visibility

𝗜𝗺𝗽𝗿𝗼𝘃𝗲𝗱 𝗰𝗹𝗮𝗿𝗶𝘁𝘆: Complex POS features now organized into scannable, logical sections

𝗘𝗻𝗵𝗮𝗻𝗰𝗲𝗱 𝗰𝗿𝗲𝗱𝗶𝗯𝗶𝗹𝗶𝘁𝘆: Security messaging and social proof build immediate trust

𝗙𝗮𝘀𝘁𝗲𝗿 𝗽𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲: Optimized load times improving SEO and user experience

𝗦𝘁𝗿𝗲𝗮𝗺𝗹𝗶𝗻𝗲𝗱 𝗰𝗼𝗻𝘃𝗲𝗿𝘀𝗶𝗼𝗻𝘀: Multiple pathways to demo, free trial, and contact

𝗦𝗰𝗮𝗹𝗮𝗯𝗹𝗲 𝗰𝗼𝗻𝘁𝗲𝗻𝘁: CMS enables ongoing updates to features and industry pages

Figma design system with UI components

Fully responsive Webflow website

CMS collections for features and industry pages

6 industry-specific landing pages

7 feature pages (All-in-One POS, Accounting, Employees, Inventory, CRM, Mobile POS, Sales)

Interactive testimonial carousel

Contact and demo request forms

Pricing page

Mobile-optimized responsive design

SEO optimization

𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗮 𝗦𝗮𝗮𝗦 or 𝗿𝗲𝘁𝗮𝗶𝗹 𝘁𝗲𝗰𝗵 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 that needs to turn complex features into clear value? Let's discuss how strategic Figma to Webflow development can showcase your platform and drive conversions.