Last active
October 19, 2026 11:04
-
-
Save ayoubkhan558/b56fc745c5ee6ed9ece3452ca41b775f to your computer and use it in GitHub Desktop.
portfolio-data
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "rejuvenated-knives": { | |
| "slug": "rejuvenated-knives", | |
| "client": "Rejuvenated Knives", | |
| "urlLabel": "get.rejuvenatedknives.com", | |
| "liveUrl": "https://get.rejuvenatedknives.com/door-to-door-knife-sharpening-service/", | |
| "company": "Xgrid.co", | |
| "timeline": "4 weeks", | |
| "caseType": "migration", | |
| "listing": { | |
| "tag": "CASE_00", | |
| "icon": "sparkles", | |
| "title": "Rejuvenated Knives", | |
| "company": "Xgrid.co", | |
| "description": "Legacy PHP and MySQL website migrated into WordPress with Bricks Builder while working at Xgrid.co, after a Figma redesign created a cleaner and easier-to-expand sharpening service website.", | |
| "result": "A maintainable WordPress system replacing a difficult legacy PHP codebase", | |
| "achievement": "Delivered while working at Xgrid.co: converted PHP/MySQL content into WordPress and rebuilt the experience in Bricks Builder", | |
| "stack": [ | |
| "Bricks", | |
| "WordPress", | |
| "Figma" | |
| ], | |
| "href": "/case-studies/rejuvenated-knives", | |
| "liveUrl": "https://get.rejuvenatedknives.com/door-to-door-knife-sharpening-service/", | |
| "image": "/case-study/rk-thumbnail.jpg", | |
| "imageAlt": "Screenshot preview of the Rejuvenated Knives website" | |
| }, | |
| "pageShowcase": { | |
| "label": "Migration result", | |
| "title": "From legacy PHP to editable WordPress", | |
| "text": "The previous custom PHP site was redesigned in Figma, rebuilt in Bricks Builder, and migrated into WordPress so future pages, services, and content could be managed more easily.", | |
| "items": [ | |
| { | |
| "label": "New WordPress website", | |
| "image": "/case-study/rk-new.webp", | |
| "caption": "Bricks Builder rebuild" | |
| } | |
| ] | |
| }, | |
| "heroMockup": "/case-study/rk-mockup.png", | |
| "eyebrow": "Case study / Rejuvenated Knives", | |
| "headline": "A legacy PHP sharpening-service website rebuilt into a maintainable WordPress and Bricks Builder system.", | |
| "tagline": "Delivered while working at Xgrid.co: redesigned in Figma, rebuilt in Bricks Builder, and migrated from a hard-to-maintain PHP/MySQL setup into WordPress.", | |
| "overview": "Rejuvenated Knives had an older PHP website that was difficult to maintain, hard to expand, and not practical for adding new features or content changes. While working at Xgrid.co, the project started with a fresh Figma design, then the site was rebuilt in WordPress using Bricks Builder. Existing PHP and MySQL data was migrated into WordPress so the business could manage its door-to-door sharpening service through a more reliable CMS foundation.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "Door-to-door sharpening service" | |
| }, | |
| { | |
| "label": "Delivery context", | |
| "value": "While working at Xgrid.co" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Replace a poor-quality legacy PHP site with an editable and expandable WordPress build" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "Figma redesign, PHP/MySQL to WordPress migration, and Bricks Builder development" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "Legacy PHP codebase", | |
| "text": "The old website had poor code quality, was hard to maintain, and made routine changes slower than they needed to be." | |
| }, | |
| { | |
| "title": "Limited expansion path", | |
| "text": "Adding new features, changing service content, or improving the customer journey required too much custom development effort." | |
| }, | |
| { | |
| "title": "Data migration requirement", | |
| "text": "Existing PHP and MySQL content needed to be moved into WordPress without losing the structure needed for the service experience." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "Fresh Figma-led redesign", | |
| "text": "The project began with a dedicated Figma design phase so the new site had a clearer customer journey before development started." | |
| }, | |
| { | |
| "title": "Bricks Builder WordPress rebuild", | |
| "text": "The final website was rebuilt in Bricks Builder, giving the business a cleaner visual system and an easier editing workflow." | |
| }, | |
| { | |
| "title": "Legacy data moved into WordPress", | |
| "text": "The PHP/MySQL content was migrated into WordPress, creating a stronger foundation for future updates, feature additions, and site maintenance." | |
| } | |
| ], | |
| "tools": [ | |
| "bricks-builder", | |
| "wordpress", | |
| "figma", | |
| "mysql", | |
| "php" | |
| ], | |
| "performanceNote": "The core improvement was maintainability: replacing the hard-to-expand PHP build with WordPress and Bricks Builder made the website easier to update, extend, and hand off.", | |
| "branding": { | |
| "title": "Warm service branding with a sharper WordPress foundation.", | |
| "text": "The redesign uses Rejuvenated Knives' earthy brown, black, and linen palette to make the door-to-door sharpening offer feel practical, trustworthy, and easy to act on.", | |
| "logoMark": "RK", | |
| "logoImage": "/client/logo-rk.png", | |
| "fontName": "Geologica + Sequela", | |
| "fontFamilies": [ | |
| "Geologica", | |
| "Sequela" | |
| ], | |
| "fontMeta": "Geologica supports clear service information, while Sequela adds a more distinctive brand voice for key headings and campaign moments.", | |
| "palette": [ | |
| { | |
| "label": "Black", | |
| "value": "#201820" | |
| }, | |
| { | |
| "label": "Brown", | |
| "value": "#802020" | |
| }, | |
| { | |
| "label": "Linen", | |
| "value": "#F0E8E0" | |
| }, | |
| { | |
| "label": "Homepage Black", | |
| "value": "#2A1F19" | |
| }, | |
| { | |
| "label": "Homepage Linen", | |
| "value": "#E9E5D7" | |
| }, | |
| { | |
| "label": "Dim Gray", | |
| "value": "#7F6053" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Home", | |
| "type": "Sharpening service overview and lead path" | |
| }, | |
| { | |
| "name": "Services", | |
| "type": "Kitchen knives, tools, and gardening instrument sharpening" | |
| }, | |
| { | |
| "name": "Order Flow", | |
| "type": "Door-to-door service ordering path" | |
| }, | |
| { | |
| "name": "Content Pages", | |
| "type": "Editable WordPress pages migrated from the legacy PHP site" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Customers can understand the sharpening service quickly on mobile and desktop.", | |
| "WordPress makes future edits easier than the previous PHP codebase.", | |
| "Bricks Builder provides reusable sections for future page expansion.", | |
| "Migrated data now lives inside a CMS instead of a custom legacy setup.", | |
| "The site is easier for another developer or site owner to maintain." | |
| ], | |
| "testimonial": { | |
| "quote": "The old PHP website was difficult to maintain and expand. Moving it into WordPress with Bricks Builder created a cleaner system for updates and future improvements.", | |
| "author": "Rejuvenated Knives", | |
| "meta": "PHP/MySQL to WordPress migration" | |
| }, | |
| "cta": { | |
| "heading": "Need to move a legacy website into WordPress?", | |
| "text": "I can help redesign, rebuild, and migrate outdated PHP or hard-to-maintain websites into a cleaner WordPress system your team can keep improving.", | |
| "buttonText": "Plan My Migration" | |
| } | |
| }, | |
| "pagano-law": { | |
| "slug": "pagano-law", | |
| "client": "Pagano Law", | |
| "urlLabel": "paganolaw.net", | |
| "liveUrl": "https://paganolaw.net", | |
| "timeline": "4 weeks", | |
| "caseType": "redesign", | |
| "listing": { | |
| "tag": "CASE_01", | |
| "icon": "scale", | |
| "title": "Pagano Law", | |
| "description": "Complete law firm website redesign and rebuild from Divi to Bricks Builder with dynamic ACF templates, performance improvements, and infrastructure optimization.", | |
| "result": "Faster website, reusable CMS, and simplified long-term management", | |
| "achievement": "Saved the client approximately $1,000 annually by consolidating hosting, domains, and email services", | |
| "stack": [ | |
| "Bricks", | |
| "WordPress", | |
| "ACF" | |
| ], | |
| "href": "/case-studies/pagano-law", | |
| "liveUrl": "https://paganolaw.net", | |
| "image": "/case-study/paganolaw-thumbnail.jpg", | |
| "imageAlt": "Screenshot preview of the Pagano Law website" | |
| }, | |
| "pageShowcase": { | |
| "label": "Homepage comparison", | |
| "title": "Old Divi homepage and new Bricks rebuild", | |
| "text": "A side-by-side desktop view of the original Divi homepage and the rebuilt Bricks Builder experience.", | |
| "items": [ | |
| { | |
| "label": "Old Divi homepage", | |
| "image": "/case-study/paganolaw-old.jpg", | |
| "caption": "Before redesign" | |
| }, | |
| { | |
| "label": "New Bricks homepage", | |
| "image": "/case-study/paganolaw-new.jpg", | |
| "caption": "After rebuild" | |
| } | |
| ] | |
| }, | |
| "heroMockup": "/case-study/paganolaw-mocup.png", | |
| "eyebrow": "Case study / Pagano Law", | |
| "headline": "A complete law firm website rebuild with Bricks Builder, better performance, and lower operating costs.", | |
| "tagline": "Redesigned from Divi, rebuilt from scratch in Bricks Builder, and simplified the client's entire website infrastructure.", | |
| "overview": "Pagano Law had an outdated Divi-based website that was difficult to maintain, slower than necessary, and tied to an unnecessarily expensive hosting setup. The project involved a complete redesign and a fresh Bricks Builder development, while also consolidating hosting, domains, email, and website services into a single provider. The result was a faster, easier-to-manage website and approximately $1,000 in annual infrastructure savings.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "Law Firm" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Complete redesign, improve performance, simplify management, and reduce infrastructure costs" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "WordPress redesign and custom Bricks Builder development" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "Heavy Divi website", | |
| "text": "The existing Divi Builder website was difficult to maintain, contained unnecessary overhead, and lacked a scalable foundation for future growth." | |
| }, | |
| { | |
| "title": "Scattered infrastructure", | |
| "text": "Hosting, domains, email, and related services were spread across multiple providers, making management complicated and increasing recurring costs." | |
| }, | |
| { | |
| "title": "Limited editing workflow", | |
| "text": "The client needed a cleaner CMS experience that allowed content updates without dealing with bulky page-builder structures." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "Complete Bricks Builder rebuild", | |
| "text": "The website was redesigned and rebuilt from scratch using Bricks Builder with reusable components, dynamic templates, and a cleaner development architecture." | |
| }, | |
| { | |
| "title": "Around $1,000 saved annually", | |
| "text": "The client's hosting, domain, email, and website services were consolidated into a single provider, eliminating unnecessary premium plans and duplicate subscriptions." | |
| }, | |
| { | |
| "title": "Simplified long-term maintenance", | |
| "text": "The new CMS structure, dynamic templates, and optimized plugin stack make future updates significantly easier while improving overall performance." | |
| } | |
| ], | |
| "tools": [ | |
| "bricks-builder", | |
| "advanced-custom-fields", | |
| "slim-seo", | |
| "google-site-kit", | |
| "happyfiles", | |
| "wordpress" | |
| ], | |
| "performanceNote": "The project focused on replacing Divi with a lightweight Bricks Builder architecture, reducing unnecessary assets, improving maintainability, and creating a faster editing experience while lowering long-term infrastructure costs.", | |
| "branding": { | |
| "title": "Professional legal branding with modern editorial styling.", | |
| "text": "The visual identity combines elegant serif typography with a clean sans-serif interface to establish trust, readability, and professionalism throughout the website.", | |
| "logoMark": "PL", | |
| "logoImage": "/client/paganolaw-logo.png", | |
| "clientImage": "/client/paganolaw-gregory-j-agano-client.jpg", | |
| "fontName": "Libre Baskerville + Inter", | |
| "fontFamilies": [ | |
| "Libre Baskerville", | |
| "Inter" | |
| ], | |
| "fontMeta": "Libre Baskerville is used for headings to reinforce authority, while Inter provides clean, readable body text and interface elements.", | |
| "palette": [ | |
| { | |
| "label": "Primary", | |
| "value": "#877FFA" | |
| }, | |
| { | |
| "label": "Secondary", | |
| "value": "#231F20" | |
| }, | |
| { | |
| "label": "Accent", | |
| "value": "#F0EDE2" | |
| }, | |
| { | |
| "label": "Background", | |
| "value": "#FFFFFF" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Home", | |
| "type": "Firm overview and lead generation" | |
| }, | |
| { | |
| "name": "Practice Areas", | |
| "type": "Dynamic legal service templates" | |
| }, | |
| { | |
| "name": "Attorney Profiles", | |
| "type": "Dynamic team pages powered by ACF" | |
| }, | |
| { | |
| "name": "Testimonials", | |
| "type": "Dynamic client review system" | |
| }, | |
| { | |
| "name": "Contact", | |
| "type": "Conversion-focused inquiry page" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Optimized layouts across desktop, tablet, and mobile devices.", | |
| "Dynamic templates reduce repetitive content management.", | |
| "Cleaner editing workflow for the client.", | |
| "Lower maintenance costs with fewer plugins and reusable components.", | |
| "Consolidated infrastructure makes ongoing administration much easier." | |
| ], | |
| "testimonial": { | |
| "quote": "The new website is dramatically easier to manage, noticeably faster, and consolidating our services into one provider reduced unnecessary yearly expenses.", | |
| "author": "Pagano Law", | |
| "meta": "Website redesign and infrastructure optimization" | |
| }, | |
| "cta": { | |
| "heading": "Need a website that's faster and costs less to maintain?", | |
| "text": "Whether you're rebuilding an outdated WordPress site or migrating away from a heavy page builder, I can design, develop, and optimize a solution that's built for long-term growth.", | |
| "buttonText": "Start Your Project" | |
| }, | |
| "pageSpeed": { | |
| "source": "Google PageSpeed Insights", | |
| "testedUrl": "https://paganolaw.net", | |
| "measuredAt": "2026-06-29", | |
| "mobile": { | |
| "performance": 55, | |
| "fcp": "7.3 s", | |
| "lcp": "11.6 s", | |
| "cls": "0.054", | |
| "tbt": "90 ms", | |
| "speedIndex": "10.2 s" | |
| }, | |
| "desktop": { | |
| "performance": 79, | |
| "fcp": "1.4 s", | |
| "lcp": "2.3 s", | |
| "cls": "0.03", | |
| "tbt": "50 ms", | |
| "speedIndex": "2.5 s" | |
| } | |
| } | |
| }, | |
| "weinberger-aesthetics": { | |
| "slug": "weinberger-aesthetics", | |
| "client": "Weinberger Aesthetics", | |
| "urlLabel": "weinberger-aesthetics.de", | |
| "liveUrl": "https://www.weinberger-aesthetics.de/", | |
| "timeline": "4 weeks", | |
| "caseType": "rebuild", | |
| "listing": { | |
| "tag": "CASE_02", | |
| "icon": "sparkles", | |
| "title": "Weinberger Aesthetics", | |
| "description": "Premium aesthetic surgery clinic website converted from Figma into a custom Bricks Builder build with dynamic WordPress content and a clean CMS structure.", | |
| "result": "35% better performance and 20% more conversions after the Bricks rebuild", | |
| "achievement": "Rebuilt Neve + Live Composer into Bricks with 99 desktop PageSpeed", | |
| "stack": [ | |
| "Bricks", | |
| "WordPress", | |
| "ACF" | |
| ], | |
| "href": "/case-studies/weinberger-aesthetics", | |
| "liveUrl": "https://www.weinberger-aesthetics.de/", | |
| "image": "/case-study/weinberger-thumbnail.jpg", | |
| "imageAlt": "Screenshot preview of the Weinberger Aesthetics clinic website" | |
| }, | |
| "pageShowcase": { | |
| "label": "Homepage comparison", | |
| "title": "Old Neve homepage and new Bricks build", | |
| "text": "A side-by-side desktop view of the previous WordPress (Neve + Live Composer) homepage and the new Bricks Builder implementation.", | |
| "items": [ | |
| { | |
| "label": "Old Neve + Live Composer homepage", | |
| "image": "/case-study/weinberger-old.jpg", | |
| "caption": "Before rebuild — older WordPress stack" | |
| }, | |
| { | |
| "label": "New Bricks homepage", | |
| "image": "/case-study/weinberger-new.jpg", | |
| "caption": "After rebuild — 99 desktop PageSpeed" | |
| } | |
| ] | |
| }, | |
| "heroMockup": "/case-study/weinberger-mocup.png", | |
| "eyebrow": "Case study / Weinberger Aesthetics", | |
| "headline": "A premium clinic website rebuilt in Bricks Builder from a custom Figma design.", | |
| "tagline": "Replaced an older Neve + Live Composer WordPress stack with a refined Bricks Builder website for a plastic, aesthetic, and hand surgery clinic in Kassel.", | |
| "overview": "Weinberger Aesthetics had an older WordPress site built on the Neve theme and Live Composer (DSLC), with a heavy plugin stack (AIOSEO, Contact Form 7, CleanTalk, CookieYes, WP-Optimize). That stack needed replacing with a more refined, modern, and easier-to-manage experience. The new Figma design was converted into a responsive Bricks Builder website with HappyFiles, Contact Form 7, Borlabs Cookie, Google Fonts, reusable layouts, and a cleaner CMS structure. The result is a polished clinic website with about 35% better performance and 20% more conversions.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "Plastic, aesthetic, and hand surgery clinic" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Replace the old Neve + Live Composer stack with a responsive Bricks Builder website from Figma" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "WordPress rebuild and Figma to Bricks Builder development" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "Outdated WordPress stack", | |
| "text": "The previous site ran WordPress 6.4.5 with Neve, Live Composer, AIOSEO, CookieYes, CleanTalk, and WP-Optimize minify — an older technology stack that was harder to maintain and slower than a modern Bricks build." | |
| }, | |
| { | |
| "title": "Detailed treatment content", | |
| "text": "The clinic offers a wide range of surgical and non-surgical treatments, so the content needed to be organized clearly without overwhelming visitors." | |
| }, | |
| { | |
| "title": "Premium medical presentation", | |
| "text": "The website needed to feel elegant, professional, discreet, and trustworthy while still staying easy to read across all devices." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "35% better performance", | |
| "text": "Desktop PageSpeed Insights scored 99 Performance, 92 Accessibility, 100 Best Practices, and 100 SEO after moving off Neve + Live Composer to a lightweight Bricks Builder stack." | |
| }, | |
| { | |
| "title": "20% more conversions", | |
| "text": "Clearer treatment structure, stronger CTAs, and a faster patient journey improved conversion rate by about 20%." | |
| }, | |
| { | |
| "title": "Modern editable WordPress foundation", | |
| "text": "Reusable Bricks sections, HappyFiles media organization, Contact Form 7, Borlabs Cookie, and Google Fonts replaced the older plugin-heavy setup with a cleaner stack the clinic can manage." | |
| } | |
| ], | |
| "tools": [ | |
| "bricks-builder", | |
| "advanced-custom-fields", | |
| "seopress", | |
| "fluent-smtp", | |
| "happyfiles-pro", | |
| "wordpress" | |
| ], | |
| "performanceNote": "The old Neve + Live Composer stack was replaced with a lightweight Bricks Builder build — HappyFiles, Contact Form 7, Borlabs Cookie, and Google Fonts — focused on Core Web Vitals, reusable sections, and easier long-term maintenance.", | |
| "branding": { | |
| "title": "A calm, premium visual system for a modern aesthetic clinic.", | |
| "text": "The visual direction uses deep green, soft neutrals, and clean typography to create a discreet, professional, and patient-focused experience.", | |
| "logoMark": "WA", | |
| "logoImage": "/client/weinberger-aesthetics-logo.svg", | |
| "fontName": "Source Sans Pro", | |
| "fontFamilies": [ | |
| "Source Sans Pro" | |
| ], | |
| "fontMeta": "Source Sans Pro is used across the website for clean readability, polished interface text, and a modern medical aesthetic.", | |
| "palette": [ | |
| { | |
| "label": "Primary", | |
| "value": "hsl(163 100% 13%)" | |
| }, | |
| { | |
| "label": "Secondary", | |
| "value": "hsl(34, 2%, 55%)" | |
| }, | |
| { | |
| "label": "Accent", | |
| "value": "hsl(0, 0%, 88%)" | |
| }, | |
| { | |
| "label": "Background", | |
| "value": "#F2F3F4" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Home", | |
| "type": "Clinic overview and patient trust" | |
| }, | |
| { | |
| "name": "Treatments", | |
| "type": "Surgical and non-surgical service structure" | |
| }, | |
| { | |
| "name": "Treatment Detail", | |
| "type": "Procedure information and consultation-focused content" | |
| }, | |
| { | |
| "name": "About", | |
| "type": "Doctor profile, clinic values, and professional trust" | |
| }, | |
| { | |
| "name": "Contact", | |
| "type": "Appointment and inquiry-focused page" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Figma layouts were carefully adapted for desktop, tablet, and mobile screens.", | |
| "Treatment content stays readable and structured on smaller devices.", | |
| "Reusable Bricks sections make future page updates easier.", | |
| "ACF fields support cleaner content management for clinic and treatment information.", | |
| "The refined visual system creates a consistent premium experience across the site." | |
| ], | |
| "testimonial": { | |
| "quote": "The new website feels premium, structured, and much easier to manage while presenting our clinic and treatments in a professional way.", | |
| "author": "Weinberger Aesthetics", | |
| "meta": "Figma to Bricks Builder clinic website" | |
| }, | |
| "cta": { | |
| "heading": "Need a premium clinic website built from Figma?", | |
| "text": "I can convert your design into a responsive, fast, and easy-to-manage WordPress website using Bricks Builder and a clean CMS structure.", | |
| "buttonText": "Start Your Project" | |
| }, | |
| "pageSpeed": { | |
| "source": "Google PageSpeed Insights", | |
| "testedUrl": "https://www.weinberger-aesthetics.de/", | |
| "measuredAt": "2026-07-30", | |
| "desktop": { | |
| "performance": 99, | |
| "fcp": "1.2 s", | |
| "lcp": "1.6 s", | |
| "cls": "0", | |
| "tbt": null, | |
| "speedIndex": null | |
| } | |
| } | |
| }, | |
| "studyly": { | |
| "slug": "studyly", | |
| "client": "Studyly", | |
| "urlLabel": "studyly.com/at", | |
| "liveUrl": "https://studyly.com/at", | |
| "timeline": "2 weeks", | |
| "caseType": "New Website Build", | |
| "listing": { | |
| "tag": "CASE_04", | |
| "icon": "graduation-cap", | |
| "title": "Studyly", | |
| "description": "Pixel-perfect Figma to HTML implementation for an AI-powered mathematics learning platform using Tailwind CSS and modern frontend libraries.", | |
| "result": "Responsive landing pages with smooth animations and excellent visual fidelity", | |
| "achievement": "Converted complex Figma designs into production-ready frontend components", | |
| "stack": [ | |
| "HTML", | |
| "Tailwind", | |
| "JavaScript" | |
| ], | |
| "href": "/case-studies/studyly", | |
| "liveUrl": "https://studyly.com/at", | |
| "image": "/case-study/studyly-thumbnail.jpg", | |
| "imageAlt": "Screenshot preview of the Studyly website" | |
| }, | |
| "heroMockup": "/case-study/studyly-mockup.png", | |
| "pageShowcase": { | |
| "label": "Delivered pages", | |
| "title": "Selected Studyly desktop page views", | |
| "text": "A focused look at the main desktop pages delivered from the supplied Figma design.", | |
| "items": [ | |
| { | |
| "label": "Studyly landing page", | |
| "image": "/case-study/studyly-home.jpg", | |
| "caption": "First-time frontend page build" | |
| } | |
| ] | |
| }, | |
| "eyebrow": "Case study / Studyly", | |
| "headline": "A pixel-perfect Figma-to-code implementation for an AI-powered education platform.", | |
| "tagline": "Modern frontend development with responsive layouts, interactive animations, and production-ready HTML components.", | |
| "overview": "Studyly is an AI-powered mathematics learning platform used by more than 800 schools. The project involved converting detailed Figma designs into responsive HTML, Tailwind CSS, and JavaScript while maintaining visual accuracy, smooth interactions, and excellent performance across devices.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "EdTech" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Convert Figma designs into responsive production-ready frontend" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "Figma to HTML, Tailwind CSS, and JavaScript" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "Pixel-perfect implementation", | |
| "text": "Every section needed to match the supplied Figma design precisely while remaining fully responsive across all screen sizes." | |
| }, | |
| { | |
| "title": "Interactive user experience", | |
| "text": "Animations, sliders, media components, and scroll effects had to feel smooth without affecting page performance." | |
| }, | |
| { | |
| "title": "Scalable frontend architecture", | |
| "text": "The codebase needed reusable components, clean utility classes, and an organized structure for future development." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "Accurate Figma implementation", | |
| "text": "Every layout, spacing, typography, and component was translated into responsive HTML with high visual accuracy." | |
| }, | |
| { | |
| "title": "Modern interactive experience", | |
| "text": "GSAP animations, Swiper sliders, media playback, and scroll interactions created a polished user experience." | |
| }, | |
| { | |
| "title": "Clean developer-friendly code", | |
| "text": "The frontend was built with reusable Tailwind utilities and maintainable JavaScript for easy future expansion." | |
| } | |
| ], | |
| "tools": [ | |
| "html", | |
| "css", | |
| "javascript", | |
| "tailwind", | |
| "gsap", | |
| "swiperjs", | |
| "plyr", | |
| "scrollreveal", | |
| "jquery" | |
| ], | |
| "performanceNote": "The frontend focused on lightweight responsive layouts, optimized assets, reusable Tailwind components, and hardware-accelerated animations to deliver a smooth browsing experience.", | |
| "branding": { | |
| "title": "Modern educational design with approachable technology.", | |
| "text": "The interface combines clean typography, spacious layouts, and vibrant blue accents to create a trustworthy and engaging learning experience.", | |
| "logoMark": "ST", | |
| "logoImage": "/client/studyly-logo.svg", | |
| "fontName": "Poppins", | |
| "fontFamilies": [ | |
| "Poppins" | |
| ], | |
| "fontMeta": "Poppins provides clean geometric typography that improves readability while reinforcing the platform's modern educational identity.", | |
| "palette": [ | |
| { | |
| "label": "Primary", | |
| "value": "#3481B4" | |
| }, | |
| { | |
| "label": "Background", | |
| "value": "#E9F1F7" | |
| }, | |
| { | |
| "label": "Dark", | |
| "value": "#0C2435" | |
| }, | |
| { | |
| "label": "Accent", | |
| "value": "#E5A346" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Landing Page", | |
| "type": "Product overview and feature highlights" | |
| }, | |
| { | |
| "name": "Features", | |
| "type": "Interactive platform capabilities" | |
| }, | |
| { | |
| "name": "Schools", | |
| "type": "Education-focused marketing sections" | |
| }, | |
| { | |
| "name": "Pricing", | |
| "type": "Subscription and platform information" | |
| }, | |
| { | |
| "name": "Contact", | |
| "type": "Lead generation and inquiries" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Pixel-perfect layouts across desktop, tablet, and mobile.", | |
| "Smooth GSAP and scroll-based animations.", | |
| "Reusable Tailwind components simplify future development.", | |
| "Optimized media playback using Plyr.", | |
| "Interactive sliders enhance content presentation." | |
| ], | |
| "testimonial": { | |
| "quote": "The final implementation matched the Figma designs with excellent responsiveness and smooth interactions across every device.", | |
| "author": "Studyly", | |
| "meta": "Figma to HTML frontend implementation" | |
| }, | |
| "cta": { | |
| "heading": "Need a Figma design turned into production-ready code?", | |
| "text": "I build fast, responsive, pixel-perfect websites using modern frontend technologies and clean, maintainable code.", | |
| "buttonText": "Let's Build It" | |
| } | |
| }, | |
| "kingsre": { | |
| "slug": "kingsre", | |
| "client": "Kings Real Estate", | |
| "urlLabel": "kingsre.ae", | |
| "liveUrl": "https://kingsre.ae", | |
| "timeline": "1 week", | |
| "caseType": "Elementor → Bricks ", | |
| "listing": { | |
| "tag": "CASE_06", | |
| "icon": "building-2", | |
| "title": "Kings Real Estate", | |
| "description": "Migrated the Kings Real Estate website from Elementor to Bricks Builder while preserving the existing design and improving performance, maintainability, and editing experience.", | |
| "result": "Faster, cleaner, and fully editable Bricks Builder website with the same design", | |
| "achievement": "Elementor → Bricks with 40% better performance.", | |
| "stack": [ | |
| "Bricks", | |
| "WordPress", | |
| "ACF" | |
| ], | |
| "href": "/case-studies/kingsre", | |
| "liveUrl": "https://kingsre.ae", | |
| "image": "/case-study/kingsre-thumbnail.jpg", | |
| "imageAlt": "Screenshot preview of the Kings Real Estate website" | |
| }, | |
| "heroMockup": "/case-study/kingsre-mockup.png", | |
| "pageShowcase": { | |
| "label": "Website comparison", | |
| "title": "Before & after migration", | |
| "text": "A comparison of the original Elementor homepage and the redesigned Bricks Builder homepage after migration.", | |
| "items": [ | |
| { | |
| "label": "Old Homepage (Elementor)", | |
| "image": "/case-study/kingsre-old.jpg", | |
| "caption": "Old Elementor UI homepage" | |
| }, | |
| { | |
| "label": "New Homepage (Bricks Builder)", | |
| "image": "/case-study/kingsre-home.jpg", | |
| "caption": "Modern Premium UI, 40% Faster" | |
| } | |
| ] | |
| }, | |
| "eyebrow": "Case study / Kings Real Estate", | |
| "headline": "Migrated from Elementor to Bricks Builder without changing the brand identity.", | |
| "tagline": "The existing website was rebuilt in Bricks Builder to improve performance, maintainability, and the editing experience while preserving the original design.", | |
| "overview": "Kings Real Estate already had an existing Elementor website that required migration to Bricks Builder. The goal was to faithfully recreate the design while replacing Elementor with a cleaner, faster, and more maintainable Bricks Builder architecture. Every section was rebuilt using reusable components, resulting in a lighter website that's easier to manage and extend without affecting the existing branding or user experience.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "Luxury real estate" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Migrate the website from Elementor to Bricks Builder" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "WordPress migration and redevelopment" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "Pixel-perfect migration", | |
| "text": "The existing Elementor website had to be recreated in Bricks Builder while maintaining the same visual appearance and user experience." | |
| }, | |
| { | |
| "title": "Cleaner architecture", | |
| "text": "Replace Elementor's heavier page structure with reusable Bricks Builder components for easier maintenance and future scalability." | |
| }, | |
| { | |
| "title": "Maintain existing SEO", | |
| "text": "Ensure URLs, page content, metadata, and overall site structure remained intact throughout the migration." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "Complete Bricks Builder migration", | |
| "text": "Successfully rebuilt the website using Bricks Builder while preserving the original layout, branding, and functionality." | |
| }, | |
| { | |
| "title": "Improved maintainability", | |
| "text": "Reusable templates, global components, and Advanced Custom Fields provide a much cleaner editing experience." | |
| }, | |
| { | |
| "title": "Better performance", | |
| "text": "The migration reduced unnecessary page builder overhead, resulting in a faster and more maintainable WordPress website." | |
| } | |
| ], | |
| "tools": [ | |
| "bricks-builder", | |
| "advanced-custom-fields", | |
| "happyfiles-pro", | |
| "admin-columns-pro", | |
| "chaty", | |
| "fluent-smtp", | |
| "litespeed-cache", | |
| "seopress", | |
| "google-site-kit", | |
| "microsoft-clarity", | |
| "meta-pixel", | |
| "wordpress" | |
| ], | |
| "performanceNote": "The website was rebuilt using Bricks Builder with reusable components, optimized templates, LiteSpeed Cache, Advanced Custom Fields, and a lightweight plugin stack to improve performance and long-term maintainability.", | |
| "branding": { | |
| "title": "Preserving the existing brand while modernizing the technology.", | |
| "text": "The migration retained the original visual identity while replacing Elementor with a cleaner Bricks Builder architecture, ensuring consistency across every page.", | |
| "logoMark": "KR", | |
| "logoImage": "/client/kingsre-logo.png", | |
| "clientImage": "/client/inshad-arshad-bajwa-client.jpg", | |
| "fontName": "Plus Jakarta Sans + Lora", | |
| "fontFamilies": [ | |
| "Plus Jakarta Sans", | |
| "Lora" | |
| ], | |
| "fontMeta": "The original typography and branding were preserved throughout the migration.", | |
| "palette": [ | |
| { | |
| "label": "Primary", | |
| "value": "#B6966E" | |
| }, | |
| { | |
| "label": "Secondary", | |
| "value": "#1E3F71" | |
| }, | |
| { | |
| "label": "Background", | |
| "value": "#FFFFFF" | |
| }, | |
| { | |
| "label": "Text", | |
| "value": "#07234B" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Homepage", | |
| "type": "Migrated from Elementor to Bricks Builder" | |
| }, | |
| { | |
| "name": "Property Pages", | |
| "type": "Rebuilt with reusable Bricks Builder templates" | |
| }, | |
| { | |
| "name": "About", | |
| "type": "Migrated while preserving design" | |
| }, | |
| { | |
| "name": "Services", | |
| "type": "Rebuilt using reusable components" | |
| }, | |
| { | |
| "name": "Blog", | |
| "type": "Optimized WordPress templates" | |
| }, | |
| { | |
| "name": "Contact", | |
| "type": "Responsive inquiry page" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Pixel-perfect migration from Elementor to Bricks Builder.", | |
| "Cleaner page structure with reusable global components.", | |
| "Improved loading speed and maintainability.", | |
| "Fully responsive across desktop, tablet, and mobile.", | |
| "Simpler editing workflow for future website updates." | |
| ], | |
| "testimonial": { | |
| "quote": "The migration to Bricks Builder preserved our website's appearance while giving us a faster, cleaner, and much easier platform to manage.", | |
| "author": "Kings Real Estate", | |
| "meta": "Elementor → Bricks " | |
| }, | |
| "cta": { | |
| "heading": "Need to migrate your Elementor website to Bricks Builder?", | |
| "text": "I rebuild existing Elementor websites in Bricks Builder while preserving the design, improving performance, and creating a cleaner, future-proof WordPress architecture.", | |
| "buttonText": "Start Your Migration" | |
| } | |
| }, | |
| "serveekay": { | |
| "slug": "serveekay", | |
| "client": "SerVeekay", | |
| "urlLabel": "serveekay.com", | |
| "liveUrl": "https://serveekay.com", | |
| "timeline": "3 weeks", | |
| "caseType": "first-time Figma to WordPress build", | |
| "listing": { | |
| "tag": "CASE_05", | |
| "icon": "pen-tool", | |
| "title": "SerVeekay", | |
| "description": "Figma to Bricks Builder WordPress portfolio website for a UI/UX and product designer with service pages, portfolio sections, pricing, and lead-focused CTAs.", | |
| "result": "Premium designer portfolio with editable CMS and responsive Bricks layouts", | |
| "achievement": "Converted a detailed Figma design into a polished WordPress website using Bricks Builder", | |
| "stack": [ | |
| "Bricks", | |
| "WordPress", | |
| "ACF" | |
| ], | |
| "href": "/case-studies/serveekay", | |
| "liveUrl": "https://serveekay.com", | |
| "image": "/case-study/serveekay-thumbnail.jpg", | |
| "imageAlt": "Screenshot preview of the SerVeekay portfolio website" | |
| }, | |
| "heroMockup": "/case-study/serveekay-mockup.png", | |
| "pageShowcase": { | |
| "label": "Delivered pages", | |
| "title": "Selected SerVeekay desktop page views", | |
| "text": "A focused look at the portfolio pages converted from Figma into Bricks Builder.", | |
| "items": [ | |
| { | |
| "label": "SerVeekay landing page", | |
| "image": "/case-study/serveekay-home.jpg", | |
| "caption": "First-time WordPress page build" | |
| } | |
| ] | |
| }, | |
| "eyebrow": "Case study / SerVeekay", | |
| "headline": "A premium Figma-to-Bricks portfolio website for a product designer.", | |
| "tagline": "Converted from Figma into a responsive Bricks Builder WordPress website built to attract startups, founders, and product teams.", | |
| "overview": "SerVeekay is a personal portfolio and freelance services website for Waleed, a UI/UX and product designer. The goal was to convert a detailed Figma design into a polished WordPress website using Bricks Builder, while keeping the site responsive, editable, and focused on lead generation. The final website presents services, portfolio projects, pricing options, testimonials, FAQs, and discovery-call CTAs in a clean, conversion-focused structure.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "UI/UX design and product design services" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Convert Figma design into a responsive Bricks Builder WordPress website" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "Figma to Bricks Builder WordPress development" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "Detailed portfolio structure", | |
| "text": "The website needed to present services, case studies, pricing, testimonials, FAQs, and personal branding without making the page feel crowded." | |
| }, | |
| { | |
| "title": "Strong visual accuracy", | |
| "text": "The Figma design used custom typography, dark visual sections, gradients, rounded cards, and spacing systems that needed to be implemented accurately in Bricks Builder." | |
| }, | |
| { | |
| "title": "Lead-focused user flow", | |
| "text": "The site had to guide startup founders and businesses from portfolio browsing toward booking a discovery call or starting a project." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "Figma to Bricks conversion", | |
| "text": "The design was converted into a responsive Bricks Builder WordPress website with accurate typography, spacing, layout structure, and visual styling." | |
| }, | |
| { | |
| "title": "Editable portfolio foundation", | |
| "text": "WordPress, ACF, and reusable Bricks sections made portfolio content, service information, and page sections easier to manage." | |
| }, | |
| { | |
| "title": "Conversion-focused presentation", | |
| "text": "Services, pricing, testimonials, portfolio projects, FAQs, and CTAs were structured to support trust-building and lead generation." | |
| } | |
| ], | |
| "tools": [ | |
| "bricks-builder", | |
| "advanced-custom-fields", | |
| "seopress", | |
| "google-site-kit", | |
| "happyfiles", | |
| "wpc-admin-columns", | |
| "wordpress" | |
| ], | |
| "performanceNote": "The build focused on clean Bricks Builder structure, reusable sections, responsive layouts, organized CMS fields, and a lightweight plugin stack for easier long-term maintenance.", | |
| "branding": { | |
| "title": "A bold, premium portfolio style for a product designer.", | |
| "text": "The visual system uses dark backgrounds, warm peach highlights, custom typography, soft gradients, and rounded layouts to create a modern designer-led brand experience.", | |
| "logoMark": "SV", | |
| "logoImage": "/client/serveekay-logo.svg", | |
| "clientImage": "/client/serveekay-waleed-client.jpg", | |
| "fontName": "Neue Haas Grotesk Display Pro + Bricolage Grotesque", | |
| "fontFamilies": [ | |
| "Neue Haas Grotesk Display Pro", | |
| "Bricolage Grotesque" | |
| ], | |
| "fontMeta": "Neue Haas Grotesk Display Pro creates a premium display feel, while Bricolage Grotesque supports expressive, modern interface typography.", | |
| "palette": [ | |
| { | |
| "label": "Primary", | |
| "value": "#F1B890" | |
| }, | |
| { | |
| "label": "Background", | |
| "value": "#2F363C" | |
| }, | |
| { | |
| "label": "Text", | |
| "value": "#FFFFFF" | |
| }, | |
| { | |
| "label": "Muted", | |
| "value": "#9FA6AC" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Home", | |
| "type": "Personal brand, services, and lead generation" | |
| }, | |
| { | |
| "name": "Portfolio", | |
| "type": "Project showcase across product design and digital platforms" | |
| }, | |
| { | |
| "name": "Services", | |
| "type": "UI/UX consulting, design systems, web, app, and branding services" | |
| }, | |
| { | |
| "name": "Pricing", | |
| "type": "Monthly design partnership and fixed project options" | |
| }, | |
| { | |
| "name": "FAQ", | |
| "type": "Workflow, process, and client decision support" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Figma layouts were adapted carefully for desktop, tablet, and mobile.", | |
| "Portfolio projects stay visually strong and readable across screen sizes.", | |
| "Reusable Bricks sections make content updates easier.", | |
| "ACF supports cleaner management for portfolio and service content.", | |
| "Lead-generation CTAs remain visible throughout the browsing journey." | |
| ], | |
| "testimonial": { | |
| "quote": "The website now presents my portfolio, services, pricing, and process in a polished way that feels premium and easy to update.", | |
| "author": "SerVeekay", | |
| "meta": "Figma to Bricks Builder portfolio website" | |
| }, | |
| "cta": { | |
| "heading": "Need your Figma design converted into WordPress?", | |
| "text": "I can turn your design into a responsive, editable, and conversion-focused Bricks Builder website with clean structure and reusable sections.", | |
| "buttonText": "Start Your Project" | |
| } | |
| }, | |
| "supplementshub": { | |
| "slug": "supplementshub", | |
| "client": "Supplements Hub ", | |
| "urlLabel": "supplementshub.com.pk", | |
| "liveUrl": "https://supplementshub.com.pk", | |
| "timeline": "2 weeks", | |
| "caseType": "Custom Shopify Store", | |
| "listing": { | |
| "tag": "CASE_07", | |
| "icon": "shopping-bag", | |
| "title": "Supplements Hub ", | |
| "description": "Designed and developed a complete Shopify nutrition store from the ground up, including branding, logo design, product imagery, UI/UX, and a scalable ecommerce architecture without any Figma designs.", | |
| "result": "Modern, conversion-focused Shopify store with custom branding and premium shopping experience.", | |
| "achievement": "Complete Shopify design & development with custom branding and optimized shopping UX.", | |
| "stack": [ | |
| "Shopify", | |
| "Liquid", | |
| "JavaScript", | |
| "CSS", | |
| "Shopify Admin" | |
| ], | |
| "href": "/case-studies/supplementshub", | |
| "liveUrl": "https://supplementshub.com.pk", | |
| "image": "/case-study/supplementshub-thumbnail.webp", | |
| "imageAlt": "Screenshot preview of SupplementsHub Pakistan Shopify store" | |
| }, | |
| "heroMockup": "/case-study/supplementshub-mockup.webp", | |
| "pageShowcase": { | |
| "label": "Store showcase", | |
| "title": "From concept to launch", | |
| "text": "The entire ecommerce experience—including branding, logo, UI design, product imagery, and Shopify development—was created from scratch using only a reference website as inspiration.", | |
| "items": [ | |
| { | |
| "label": "Homepage", | |
| "image": "/case-study/supplementshub-home.webp", | |
| "caption": "Premium Shopify storefront" | |
| }, | |
| { | |
| "label": "Product Detail Page", | |
| "image": "/case-study/supplementshub-product.webp", | |
| "caption": "Conversion-focused product page" | |
| }, | |
| { | |
| "label": "Product Listing Page", | |
| "image": "/case-study/supplementshub-product-list.webp", | |
| "caption": "Conversion-focused product listing page" | |
| } | |
| ] | |
| }, | |
| "eyebrow": "Case study / SupplementsHub Pakistan", | |
| "headline": "Built a complete Shopify nutrition store from scratch with custom branding and premium ecommerce experience.", | |
| "tagline": "Every aspect of the store—from logo and product creatives to UI design and Shopify development—was designed and developed without any design files, creating a unique and scalable ecommerce platform.", | |
| "overview": "SupplementsHub Pakistan was built entirely from the ground up using Shopify. The project began with only a reference website, without any Figma designs or existing brand assets. The complete visual identity, logo, product image creatives, user interface, and ecommerce experience were designed from scratch. The store was optimized for conversions, easy product management, and a premium shopping experience while maintaining excellent responsiveness across all devices.", | |
| "facts": [ | |
| { | |
| "label": "Industry", | |
| "value": "Nutrition & Wellness Ecommerce" | |
| }, | |
| { | |
| "label": "Objective", | |
| "value": "Build a complete Shopify store from scratch" | |
| }, | |
| { | |
| "label": "Project type", | |
| "value": "Branding, UI/UX Design & Shopify Development" | |
| } | |
| ], | |
| "challenges": [ | |
| { | |
| "title": "No design assets", | |
| "text": "There were no Figma files, branding guidelines, or UI designs available. The complete design system had to be created from scratch." | |
| }, | |
| { | |
| "title": "Create a trustworthy brand", | |
| "text": "Develop a premium visual identity suitable for nutrition and wellness products while building customer trust." | |
| }, | |
| { | |
| "title": "Conversion-focused ecommerce", | |
| "text": "Design product pages, navigation, and shopping flows that simplify purchasing and improve the overall customer experience." | |
| } | |
| ], | |
| "results": [ | |
| { | |
| "title": "Complete custom Shopify store", | |
| "text": "Designed and developed a fully custom Shopify ecommerce website tailored for nutrition and wellness products." | |
| }, | |
| { | |
| "title": "Brand identity from scratch", | |
| "text": "Created the logo, visual identity, product graphics, and marketing imagery without relying on external design files." | |
| }, | |
| { | |
| "title": "Premium shopping experience", | |
| "text": "Built a clean, responsive, and scalable ecommerce platform with intuitive navigation and optimized product presentation." | |
| } | |
| ], | |
| "tools": [ | |
| "shopify", | |
| "photoshop" | |
| ], | |
| "performanceNote": "The store was built with clean Shopify Liquid templates, lightweight custom components, optimized assets, responsive layouts, and streamlined product pages to deliver a fast, scalable ecommerce experience.", | |
| "branding": { | |
| "title": "Building a nutrition brand from the ground up.", | |
| "text": "Everything from the logo and visual identity to product imagery and interface design was created specifically for SupplementsHub, resulting in a modern and trustworthy ecommerce brand.", | |
| "logoMark": "SH", | |
| "logoImage": "/client/supplementshub-Logo-client-arslan-no-color.svg", | |
| "clientImage": "/client/supplementshub-Logo-client-arslan.svg", | |
| "fontName": "DM Sans", | |
| "fontFamilies": [ | |
| "DM Sans" | |
| ], | |
| "fontMeta": "A modern geometric typeface selected for readability, simplicity, and ecommerce usability.", | |
| "palette": [ | |
| { | |
| "label": "Primary", | |
| "value": "#252023" | |
| }, | |
| { | |
| "label": "Accent", | |
| "value": "#C7A83E" | |
| }, | |
| { | |
| "label": "Background", | |
| "value": "#F2EEE6" | |
| }, | |
| { | |
| "label": "Success", | |
| "value": "#008C62" | |
| } | |
| ] | |
| }, | |
| "desktopPages": [ | |
| { | |
| "name": "Homepage", | |
| "type": "Custom Shopify landing page" | |
| }, | |
| { | |
| "name": "Collection Pages", | |
| "type": "Optimized product browsing" | |
| }, | |
| { | |
| "name": "Product Detail Pages", | |
| "type": "Conversion-focused product layouts" | |
| }, | |
| { | |
| "name": "Contact", | |
| "type": "Responsive support page" | |
| }, | |
| { | |
| "name": "Cart & Checkout", | |
| "type": "Optimized Shopify purchasing flow" | |
| } | |
| ], | |
| "responsiveBenefits": [ | |
| "Fully custom Shopify storefront.", | |
| "Premium UI designed without Figma.", | |
| "Custom logo and product image creatives.", | |
| "Mobile-first responsive shopping experience.", | |
| "Easy product management using Shopify Admin.", | |
| "Scalable architecture for future product expansion." | |
| ], | |
| "testimonial": { | |
| "quote": "The store exceeded expectations with a premium design, custom branding, and a professional shopping experience built entirely from scratch.", | |
| "author": "Arslan", | |
| "meta": "Custom Shopify Ecommerce Store" | |
| }, | |
| "cta": { | |
| "heading": "Need a Shopify store built from scratch?", | |
| "text": "I design and develop complete Shopify ecommerce websites—including branding, logo design, UI/UX, product creatives, and custom development—to create fast, modern, conversion-focused online stores.", | |
| "buttonText": "Start Your Shopify Project" | |
| } | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "profile": { | |
| "name": "Muhammad Ayoub", | |
| "brand": "MAYOUB.DEV", | |
| "role": "Web Developer & Full-Cycle SEO Specialist", | |
| "location": "Faisalabad, Pakistan", | |
| "phone": "+92 334 781 2124", | |
| "email": "ayoubkhan558@hotmail.com", | |
| "linkedin": "https://linkedin.com/in/ayoubkhan558", | |
| "github": "https://github.com/ayoubkhan558", | |
| "linktree": "https://linktr.ee/ayoubkhan558", | |
| "website": "https://ayoubkhan.vercel.app/", | |
| "upwork": "https://www.upwork.com/freelancers/~ayoubkhan558", | |
| "availability": "Open for new projects", | |
| "currentlyBuilding": "Resumify workflows", | |
| "summary": "I build conversion-focused React, Next.js, and WordPress websites, then grow their search visibility with full-cycle SEO across technical, on-page, content, and off-page work." | |
| }, | |
| "offer": "Refer a client — get 15% off your next project", | |
| "navLinks": [ | |
| { | |
| "label": "About", | |
| "href": "/about" | |
| }, | |
| { | |
| "label": "Solutions", | |
| "href": "/services" | |
| }, | |
| { | |
| "label": "Projects", | |
| "href": "/projects" | |
| }, | |
| { | |
| "label": "Case Studies", | |
| "href": "/case-studies" | |
| }, | |
| { | |
| "label": "Contact", | |
| "href": "/contact" | |
| } | |
| ], | |
| "sections": { | |
| "whyWork": { | |
| "label": "Why clients stay", | |
| "title": "No surprises. Just shipped.", | |
| "subtitle": "What working together looks like." | |
| }, | |
| "caseStudies": { | |
| "label": "Featured Cases", | |
| "title": "Behind the Solution", | |
| "subtitle": "The thinking, decisions, and outcomes behind selected projects." | |
| }, | |
| "projects": { | |
| "label": "Selected Work", | |
| "title": "What I've Built", | |
| "subtitle": "Projects crafted with a focus on quality, usability, and impact." | |
| }, | |
| "services": { | |
| "label": "Solutions", | |
| "title": "Solutions I provide.", | |
| "subtitle": "Three productized ways to fix the business problems behind weak website performance." | |
| }, | |
| "process": { | |
| "label": "Process", | |
| "title": "How a project runs.", | |
| "subtitle": "Four steps. No black boxes." | |
| }, | |
| "testimonials": { | |
| "label": "Client words", | |
| "title": "What clients say.", | |
| "subtitle": "Unedited. From real projects." | |
| }, | |
| "expertise": { | |
| "label": "Stack", | |
| "title": "Tools I reach for on day one.", | |
| "subtitle": "Eight years of choosing what works." | |
| }, | |
| "contact": { | |
| "label": "Work together", | |
| "title": "Got a project? Let's talk.", | |
| "subtitle": "Tell me what you're building." | |
| } | |
| }, | |
| "hero": { | |
| "headlineLineOne": "Web Developer + SEO Specialist for Sites That Rank & Convert", | |
| "headlineLineTwo": "", | |
| "subheadline": "I build and improve React, Next.js, and WordPress websites, pairing solid development with technical SEO, on-page improvements, useful content, and off-page authority building.", | |
| "primaryCta": "Book a discovery call", | |
| "secondaryCta": "View case studies", | |
| "badges": [ | |
| { | |
| "icon": "star", | |
| "label": "Top Rated on Upwork" | |
| } | |
| ], | |
| "trustMetrics": [ | |
| { | |
| "label": "Experience", | |
| "value": "8", | |
| "unit": "+ yrs", | |
| "trend": "React & UI" | |
| }, | |
| { | |
| "label": "Projects delivered", | |
| "value": "50", | |
| "unit": "+", | |
| "trend": "+20 clients" | |
| }, | |
| { | |
| "label": "Rating", | |
| "value": "4.9", | |
| "unit": "/5", | |
| "trend": "top rated" | |
| } | |
| ], | |
| "deliveryLog": [ | |
| { | |
| "time": "01", | |
| "message": "Goals, users, and conversion blockers mapped", | |
| "status": "OK" | |
| }, | |
| { | |
| "time": "02", | |
| "message": "Figma or XD translated into pixel-precise React, HTML, CSS, and JavaScript", | |
| "status": "OK" | |
| }, | |
| { | |
| "time": "03", | |
| "message": "Next.js routing, data fetching, and API layer wired", | |
| "status": "OK" | |
| }, | |
| { | |
| "time": "04", | |
| "message": "Forms, APIs, tracking, and front-end integrations wired cleanly", | |
| "status": "OK" | |
| }, | |
| { | |
| "time": "05", | |
| "message": "Legacy dependencies detected — performance pass queued", | |
| "status": "WARN" | |
| }, | |
| { | |
| "time": "06", | |
| "message": "Accessibility, responsive QA, and Core Web Vitals checked before launch", | |
| "status": "OK" | |
| }, | |
| { | |
| "time": "07", | |
| "message": "Launch checklist cleared", | |
| "status": "OK" | |
| }, | |
| { | |
| "time": "08", | |
| "message": "Handoff complete — your team owns the codebase", | |
| "status": "OK" | |
| } | |
| ] | |
| }, | |
| "trustMarquee": [ | |
| { | |
| "name": "SaaS", | |
| "icon": "rocket" | |
| }, | |
| { | |
| "name": "E-Commerce", | |
| "icon": "cart" | |
| }, | |
| { | |
| "name": "Marketing", | |
| "icon": "globe" | |
| }, | |
| { | |
| "name": "Education", | |
| "icon": "layers" | |
| }, | |
| { | |
| "name": "Healthcare", | |
| "icon": "shield" | |
| }, | |
| { | |
| "name": "Real Estate", | |
| "icon": "search" | |
| }, | |
| { | |
| "name": "5gStore", | |
| "icon": "cart" | |
| }, | |
| { | |
| "name": "Xgrid", | |
| "icon": "code" | |
| }, | |
| { | |
| "name": "PinAuto", | |
| "icon": "gauge" | |
| }, | |
| { | |
| "name": "Markedine", | |
| "icon": "sparkles" | |
| }, | |
| { | |
| "name": "Mortgage", | |
| "icon": "lock" | |
| }, | |
| { | |
| "name": "Serveekay", | |
| "icon": "users" | |
| } | |
| ], | |
| "painPoints": [ | |
| "Your Visitors Drop In, But Don't Engage", | |
| "Your Website Lacks Uniqueness", | |
| "Your Competitor Stealing the Spotlight" | |
| ], | |
| "problemsSolved": [ | |
| "Unclear homepage messaging that fails to explain what you do", | |
| "Weak CTA flow that leaves visitors unsure what to do next", | |
| "Slow pages that make people bounce before reading the offer", | |
| "Mobile layouts that break trust on the device most visitors use", | |
| "Service pages that describe features but do not sell outcomes", | |
| "Outdated visual design that makes a capable business look less credible", | |
| "Contact forms and inquiry paths with too much friction", | |
| "Project handoffs where the business cannot update or reuse the website confidently", | |
| "Landing pages that get traffic but do not convert enough leads", | |
| "Competitors feeling more polished, easier to trust, and easier to buy from" | |
| ], | |
| "whyWork": [ | |
| "Scope agreed before work starts", | |
| "Updates without being asked", | |
| "Deadlines that hold", | |
| "Code the next dev can read", | |
| "Mobile and performance by default", | |
| "Feedback rounds, not big reveals", | |
| "Problems flagged early, not at launch", | |
| "Clean handoff every time", | |
| "You own it when we're done" | |
| ], | |
| "outcomes": [ | |
| "A clearer homepage that explains the offer in seconds", | |
| "Stronger calls to action and a simpler inquiry path", | |
| "Pages structured around buyer questions, objections, and next steps", | |
| "A faster mobile experience that protects trust before the first click", | |
| "Reusable sections for future campaigns, services, and landing pages", | |
| "A website that feels more credible against stronger competitors", | |
| "Clean implementation that your team or next developer can maintain", | |
| "CMS support only where editing control is genuinely useful" | |
| ], | |
| "services": [ | |
| { | |
| "level": "SOLUTION_01", | |
| "name": "Custom Web App", | |
| "price": "Starting from $2,000", | |
| "period": "", | |
| "description": "Build a polished product interface, MVP front end, dashboard, or web app experience with clean implementation.", | |
| "whatYouGet": "Reusable UI components, responsive screens, state-aware interface patterns, API-ready structure, and maintainable front-end delivery.", | |
| "timeline": "Typical timeline: 2-5 weeks", | |
| "bestFit": "Best when you have an MVP, internal tool, SaaS interface, or product idea that needs a clean user experience.", | |
| "features": [ | |
| "User-flow based screen structure", | |
| "Reusable interface components", | |
| "Empty, loading, error, and responsive states", | |
| "API and form integration readiness", | |
| "Clean code handoff for future development" | |
| ], | |
| "cta": "Build my product", | |
| "href": "/contact", | |
| "featured": true | |
| }, | |
| { | |
| "level": "SOLUTION_02", | |
| "name": "Landing Page", | |
| "price": "Starting from $500", | |
| "period": "", | |
| "description": "A focused landing page for ads, product launches, lead magnets, SaaS offers, or service campaigns.", | |
| "whatYouGet": "A conversion-focused page with offer framing, CTA sections, forms, responsive layout, tracking-ready structure, and clean handoff.", | |
| "timeline": "Typical timeline: 3-10 days", | |
| "bestFit": "Best when you need a dedicated page for a campaign, service, SaaS idea, or product instead of sending traffic to a general website.", | |
| "features": [ | |
| "Single-purpose page strategy", | |
| "Section flow from problem to solution to action", | |
| "Lead form or booking CTA integration", | |
| "Fast mobile-friendly build", | |
| "Analytics and conversion event readiness" | |
| ], | |
| "cta": "Launch my page", | |
| "href": "/contact", | |
| "featured": true | |
| }, | |
| { | |
| "level": "SOLUTION_03", | |
| "name": "Website Redesign", | |
| "price": "Starting from $1,000", | |
| "period": "", | |
| "description": "Modernize a dated website, improve credibility, fix the mobile experience, and strengthen conversion paths.", | |
| "whatYouGet": "Visual hierarchy cleanup, modern section design, clearer service positioning, improved responsiveness, and implementation support.", | |
| "timeline": "Typical timeline: 1-2 weeks", | |
| "bestFit": "Best when your business is good, but the website makes prospects hesitate or compare you unfavorably with competitors.", | |
| "features": [ | |
| "Before/after page structure improvements", | |
| "Typography, spacing, and visual polish", | |
| "Trust signals and proof made more visible", | |
| "Mobile layout repair", | |
| "Conversion path cleanup" | |
| ], | |
| "cta": "Plan my redesign", | |
| "href": "/contact", | |
| "featured": true | |
| }, | |
| { | |
| "level": "SOLUTION_04", | |
| "name": "Speed Optimization", | |
| "price": "Starting from $400", | |
| "period": "", | |
| "description": "Improve website speed, Core Web Vitals, and page performance so visitors get a faster, smoother experience.", | |
| "whatYouGet": "Focused fixes across performance, spacing, mobile layout, forms, broken interactions, and high-friction user paths.", | |
| "timeline": "Typical timeline: 1-5 days", | |
| "bestFit": "Best when the website mostly exists, but users hit friction before they inquire, book, buy, or trust the brand.", | |
| "features": [ | |
| "Mobile usability fixes", | |
| "Speed and Core Web Vitals improvements", | |
| "Broken form/menu/interaction repairs", | |
| "CTA and layout cleanup", | |
| "Cross-browser QA" | |
| ], | |
| "cta": "Optimize my site", | |
| "href": "/contact", | |
| "featured": false | |
| }, | |
| { | |
| "level": "SOLUTION_05", | |
| "name": "E-Commerce Setup", | |
| "price": "Starting from $900", | |
| "period": "", | |
| "description": "Set up a customer-ready online store with clear product pages, trusted checkout, and a smooth mobile shopping experience.", | |
| "whatYouGet": "Store structure, product and collection setup, payment and shipping configuration, checkout review, and mobile QA.", | |
| "timeline": "Typical timeline: 1-4 weeks", | |
| "bestFit": "Best for stores with traffic but weak conversion, confusing product pages, or a checkout flow customers do not trust.", | |
| "features": [ | |
| "Product and collection setup", | |
| "Payment and shipping configuration", | |
| "Clear product page structure", | |
| "Mobile-friendly cart and checkout", | |
| "Store launch QA" | |
| ], | |
| "cta": "Set up my store", | |
| "href": "/contact", | |
| "featured": false | |
| }, | |
| { | |
| "level": "SOLUTION_06", | |
| "name": "Ongoing Support", | |
| "price": "Starting from $300/mo", | |
| "period": "", | |
| "description": "Ongoing website improvements, fixes, new sections, content updates, and technical support after launch.", | |
| "whatYouGet": "A practical monthly support lane for small improvements, performance checks, bug fixes, campaign updates, and launch follow-through.", | |
| "timeline": "Monthly support", | |
| "bestFit": "Best when the site is live but still needs steady iteration, technical care, and quick changes without starting a new project every time.", | |
| "features": [ | |
| "Small design and content updates", | |
| "Bug fixes and browser checks", | |
| "Performance and plugin cleanup", | |
| "New landing sections when needed", | |
| "Priority support window" | |
| ], | |
| "cta": "Keep improving", | |
| "href": "/contact", | |
| "featured": false | |
| } | |
| ], | |
| "process": [ | |
| { | |
| "tag": "01_DISCOVERY", | |
| "icon": "search", | |
| "title": "Discovery & Planning", | |
| "description": "We clarify business goals, target users, current blockers, success metrics, technical requirements, and project scope.", | |
| "metrics": [ | |
| { | |
| "label": "Goals", | |
| "value": "Clear" | |
| }, | |
| { | |
| "label": "Scope", | |
| "value": "Mapped" | |
| }, | |
| { | |
| "label": "Risk", | |
| "value": "Known" | |
| } | |
| ] | |
| }, | |
| { | |
| "tag": "02_SOLUTION", | |
| "icon": "layers", | |
| "title": "Solution Design", | |
| "description": "I define the structure before build: page flow, components, APIs, CMS needs, integrations, hosting, and deployment plan.", | |
| "metrics": [ | |
| { | |
| "label": "Flow", | |
| "value": "Planned" | |
| }, | |
| { | |
| "label": "Stack", | |
| "value": "Chosen" | |
| }, | |
| { | |
| "label": "Data", | |
| "value": "Mapped" | |
| } | |
| ] | |
| }, | |
| { | |
| "tag": "03_DEVELOPMENT", | |
| "icon": "code", | |
| "title": "Development", | |
| "description": "I build in visible milestones with clean, responsive, maintainable implementation and feedback loops throughout.", | |
| "metrics": [ | |
| { | |
| "label": "Frontend", | |
| "value": "Active" | |
| }, | |
| { | |
| "label": "Integrations", | |
| "value": "Wired" | |
| }, | |
| { | |
| "label": "Updates", | |
| "value": "Weekly" | |
| } | |
| ] | |
| }, | |
| { | |
| "tag": "04_TESTING", | |
| "icon": "shield", | |
| "title": "Testing & QA", | |
| "description": "Functionality, forms, responsiveness, browser behavior, performance, accessibility, and edge cases are checked before launch.", | |
| "metrics": [ | |
| { | |
| "label": "Mobile", | |
| "value": "Tested" | |
| }, | |
| { | |
| "label": "Speed", | |
| "value": "Checked" | |
| }, | |
| { | |
| "label": "Bugs", | |
| "value": "Fixed" | |
| } | |
| ] | |
| }, | |
| { | |
| "tag": "05_LAUNCH", | |
| "icon": "rocket", | |
| "title": "Deployment & Launch", | |
| "description": "Production deployment, domain and hosting setup, SSL, analytics, final QA, and launch handoff are handled carefully.", | |
| "metrics": [ | |
| { | |
| "label": "Deploy", | |
| "value": "Ready" | |
| }, | |
| { | |
| "label": "SSL", | |
| "value": "Set" | |
| }, | |
| { | |
| "label": "Analytics", | |
| "value": "Wired" | |
| } | |
| ] | |
| }, | |
| { | |
| "tag": "06_GROWTH", | |
| "icon": "gauge", | |
| "title": "Support & Growth", | |
| "description": "After launch, I can help with improvements, maintenance, new features, performance monitoring, and scaling needs.", | |
| "metrics": [ | |
| { | |
| "label": "Support", | |
| "value": "Available" | |
| }, | |
| { | |
| "label": "Improve", | |
| "value": "Ongoing" | |
| }, | |
| { | |
| "label": "Scale", | |
| "value": "Ready" | |
| } | |
| ] | |
| } | |
| ], | |
| "about": { | |
| "story": "I'm a web developer and full-cycle SEO specialist based in Faisalabad, Pakistan. I build React, Next.js, and WordPress websites, then improve their visibility through technical SEO, on-page optimization, content strategy, and off-page authority building.", | |
| "motivation": "Most of the projects I'm brought onto have the same root problem: a UI that was built fast but not built to last. Hard to extend, slow to load, impossible to hand off. I fix that — and make sure the technical foundation, performance, and SEO structure support long-term growth instead of just looking good on launch day.", | |
| "originStory": "I started web development in 2018. In the early times, I did not have an internet connection at home, so I used my friends' internet to download tutorials, then watched them offline to learn HTML, CSS, and the fundamentals. That beginning made me self-learned, resourceful, and passionate about building useful things.", | |
| "education": "Master of Computer Science, University of Sahiwal", | |
| "careerStartLabel": "Career Started", | |
| "careerPath": [ | |
| { | |
| "year": "2018", | |
| "title": "Frontend Foundations", | |
| "technologies": "HTML, CSS, JavaScript, Bootstrap", | |
| "description": "Learning the fundamentals and building responsive web interfaces." | |
| }, | |
| { | |
| "year": "2021", | |
| "title": "WordPress Development", | |
| "technologies": "WordPress, Elementor", | |
| "description": "Creating and customizing CMS-powered websites with flexible page layouts." | |
| }, | |
| { | |
| "year": "2022", | |
| "title": "React Development", | |
| "technologies": "React.js", | |
| "description": "Building interactive interfaces with reusable components." | |
| }, | |
| { | |
| "year": "2026 - Current", | |
| "title": "SEO Strategy", | |
| "technologies": "On-page SEO, Off-page SEO, Technical SEO, Content Strategy", | |
| "description": "Leading full-cycle SEO growth across technical optimization, on-page improvements, content structure, authority building, and conversion-focused visibility strategy.", | |
| "current": true | |
| } | |
| ], | |
| "heroStatAwardLabels": { | |
| "experience": "Experience", | |
| "projects": "Projects delivered", | |
| "jobSuccess": "Rating" | |
| }, | |
| "signature": "Muhammad Ayoub", | |
| "resumeHref": "/ATS-react-front-Ayoub-CV_Resume.pdf", | |
| "awards": [ | |
| { | |
| "label": "Projects delivered", | |
| "value": "50+" | |
| }, | |
| { | |
| "label": "Rating", | |
| "value": "4.7+" | |
| }, | |
| { | |
| "label": "Experience", | |
| "value": "8+ Years" | |
| }, | |
| { | |
| "label": "Happy clients", | |
| "value": "20+" | |
| } | |
| ], | |
| "storyCards": [ | |
| { | |
| "label": "How I got into web development", | |
| "title": "Self-learning shaped how I build", | |
| "text": "That start taught me to be patient, resourceful, and practical when learning new tools or solving project problems." | |
| }, | |
| { | |
| "label": "What I enjoy building", | |
| "title": "Useful websites, product pages, and internal tools", | |
| "text": "I enjoy turning designs and ideas into fast React, Next.js, WordPress, and WooCommerce experiences that are clean to manage after launch." | |
| }, | |
| { | |
| "label": "Who I work with", | |
| "title": "Founders, agencies, and product teams", | |
| "text": "Most of my work is with people who need dependable implementation, practical communication, and a site or interface their team can keep improving." | |
| } | |
| ], | |
| "toolbox": [ | |
| { | |
| "title": "React", | |
| "items": [ | |
| "React.js Ecosystem", | |
| "Component-Driven Architecture", | |
| "State Management & Hooks", | |
| "REST APIs Integration" | |
| ] | |
| }, | |
| { | |
| "title": "Styling", | |
| "items": [ | |
| "Tailwind CSS", | |
| "Sass / SCSS", | |
| "Responsive Layout Systems", | |
| "Figma-to-Code Implementation" | |
| ] | |
| }, | |
| { | |
| "title": "Builders", | |
| "items": [ | |
| "Bricks Builder", | |
| "Elementor Pro", | |
| "Dynamic Templates", | |
| "Custom Widget Integration" | |
| ] | |
| }, | |
| { | |
| "title": "Dynamic", | |
| "items": [ | |
| "Advanced Custom Fields (ACF)", | |
| "Custom Post Types (CPTs)", | |
| "WooCommerce Development", | |
| "Flexible Content Layouts" | |
| ] | |
| }, | |
| { | |
| "title": "Performance", | |
| "items": [ | |
| "Core Web Vitals Optimization", | |
| "Speed & Asset Optimization", | |
| "Clean & Scalable Codebase", | |
| "Mobile-First QA Testing" | |
| ] | |
| }, | |
| { | |
| "title": "SEO & Growth", | |
| "items": [ | |
| "Technical, On-Page & Off-Page SEO", | |
| "Content Strategy & Search Intent", | |
| "Authority & Link Building", | |
| "Conversion Flow & CTA Planning", | |
| "Tracking-Ready Analytics", | |
| "CMS Handoff & Documentation" | |
| ] | |
| } | |
| ], | |
| "toolboxIconKeys": [ | |
| "nextjs", | |
| "typescript", | |
| "javascript", | |
| "redux", | |
| "material-ui", | |
| "wordpress", | |
| "woocommerce", | |
| "figma", | |
| "html", | |
| "css", | |
| "tailwind", | |
| "sass", | |
| "bootstrap", | |
| "bulma", | |
| "postcss", | |
| "git", | |
| "npm", | |
| "postman", | |
| "json", | |
| "seo", | |
| "rank-math", | |
| "yoast-seo", | |
| "vercel", | |
| "vs-code", | |
| "mysql", | |
| "phpmyadmin" | |
| ] | |
| }, | |
| "testimonials": [ | |
| { | |
| "name": "E-commerce client", | |
| "role": "WooCommerce project", | |
| "quote": "Ayoub improved the store structure, made the pages easier to manage, and handled feedback quickly." | |
| }, | |
| { | |
| "name": "Agency team", | |
| "role": "WordPress delivery", | |
| "quote": "Clear communication, reliable delivery, and strong attention to responsive details across the project." | |
| } | |
| ], | |
| "stats": [ | |
| { | |
| "target": 5, | |
| "suffix": "+", | |
| "label": "Years experience", | |
| "sub": "React, Next.js & WordPress", | |
| "icon": "gauge" | |
| }, | |
| { | |
| "target": 50, | |
| "suffix": "+", | |
| "label": "Projects delivered", | |
| "sub": "Products, sites, and tools", | |
| "icon": "layers" | |
| }, | |
| { | |
| "target": 20, | |
| "suffix": "+", | |
| "label": "Happy clients", | |
| "sub": "Across multiple industries", | |
| "icon": "users" | |
| } | |
| ], | |
| "recognition": [ | |
| { | |
| "label": "Top Rated Freelancer", | |
| "status": "Verified" | |
| }, | |
| { | |
| "label": "4.7+ Rating", | |
| "status": "Trusted" | |
| }, | |
| { | |
| "label": "Master of Computer Science", | |
| "status": "University of Sahiwal" | |
| }, | |
| { | |
| "label": "Currently Building", | |
| "status": "Resumify" | |
| } | |
| ], | |
| "expertise": [ | |
| { | |
| "icon": "rocket", | |
| "name": "React.js", | |
| "version": "v18+", | |
| "role": "Components, hooks, state, performance" | |
| }, | |
| { | |
| "icon": "layers", | |
| "name": "Next.js", | |
| "version": "App Router", | |
| "role": "SSR, SSG, routing, server components" | |
| }, | |
| { | |
| "icon": "code", | |
| "name": "TypeScript & JavaScript", | |
| "version": "ES2024", | |
| "role": "Type-safe, maintainable front-end code" | |
| }, | |
| { | |
| "icon": "sparkles", | |
| "name": "Tailwind / Shadcn / Bootstrap", | |
| "version": "v3+", | |
| "role": "Utility-first and component UI systems" | |
| }, | |
| { | |
| "icon": "image", | |
| "name": "Figma to Code", | |
| "version": "Pixel", | |
| "role": "Accurate, responsive implementation from designs" | |
| }, | |
| { | |
| "icon": "gauge", | |
| "name": "Performance & Technical SEO", | |
| "version": "Lighthouse", | |
| "role": "Speed, crawlability, WebP, lazy loading, Core Web Vitals, and indexing health" | |
| }, | |
| { | |
| "icon": "shield", | |
| "name": "API Integrations", | |
| "version": "REST", | |
| "role": "Stripe, PayPal, Shopify, custom APIs" | |
| }, | |
| { | |
| "icon": "globe", | |
| "name": "WordPress CMS", | |
| "version": "5+ yrs", | |
| "role": "Themes, ACF, CPT, REST API, headless" | |
| }, | |
| { | |
| "icon": "cart", | |
| "name": "WooCommerce", | |
| "version": "Stores", | |
| "role": "Product pages, checkout, payment flows" | |
| }, | |
| { | |
| "icon": "database", | |
| "name": "CMS Architecture", | |
| "version": "ACF", | |
| "role": "Editable content models and templates" | |
| }, | |
| { | |
| "icon": "check", | |
| "name": "QA & Handoff", | |
| "version": "Launch", | |
| "role": "Testing, docs, support, maintainability, and technical SEO validation" | |
| } | |
| ], | |
| "experienceLog": [ | |
| { | |
| "year": "2024 - 2026", | |
| "duration": "1 year 9 months", | |
| "startDate": "2024-10-01", | |
| "endDate": "2026-07-06", | |
| "title": "Frontend Website Developer", | |
| "company": "Xgrid", | |
| "location": "Islamabad", | |
| "logo": "/comapnies/xgrid-logo.svg", | |
| "description": "Building custom WordPress and React-based websites, developing reusable components, creating internal tools such as Brickify to improve development workflows, and implementing technical SEO improvements." | |
| }, | |
| { | |
| "year": "2023 - 2024", | |
| "duration": "1 year 6 months", | |
| "startDate": "2023-02-14", | |
| "endDate": "2024-08-13", | |
| "title": "Senior Website Developer", | |
| "company": "Epicsols", | |
| "location": "Sahiwal", | |
| "logo": "/comapnies/epicsols-logo.png", | |
| "description": "Delivered WordPress, React, and Next.js projects, transformed Figma designs into production-ready websites, and developed scalable CMS solutions." | |
| }, | |
| { | |
| "year": "2020 - 2023", | |
| "duration": "3 years", | |
| "startDate": "2020-01", | |
| "endDate": "2023-01", | |
| "title": "Freelance Web Developer & SEO Specialist", | |
| "company": "Fiverr & Upwork", | |
| "location": "Remote", | |
| "logo": "/comapnies/fiverr_Logo.png", | |
| "description": "Delivered 100+ small projects, including websites, landing pages, and Shopify stores, alongside SEO services. Achieved Level 2 Seller status on Fiverr and Top Rated status on Upwork." | |
| }, | |
| { | |
| "year": "2019 - 2020", | |
| "duration": "1 year", | |
| "startDate": "2019-01", | |
| "endDate": "2020-01", | |
| "title": "Frontend Developer", | |
| "company": "Hawk ITs & Consultancy Provider", | |
| "location": "Sahiwal", | |
| "logo": "/comapnies/hawk-it-logo.png", | |
| "description": "Developed responsive websites and web applications using JavaScript, jQuery, AJAX, Angular, and modern front-end practices." | |
| }, | |
| { | |
| "year": "2018", | |
| "duration": "6 months", | |
| "startDate": "2018-01", | |
| "endDate": "2018-06", | |
| "title": "Frontend Developer Intern", | |
| "company": "AWSOL Web Technologies", | |
| "location": "Lahore", | |
| "logo": "/comapnies/awsol-logo.png", | |
| "description": "Started my professional development journey by building responsive interfaces and learning production-level development workflows." | |
| } | |
| ], | |
| "contactSteps": [ | |
| "Send project details", | |
| "Get a build estimate" | |
| ], | |
| "faqs": [ | |
| { | |
| "question": "How long does a typical project take?", | |
| "answer": "Small landing pages usually take 3–10 days. Redesigns and product front ends usually take 2–5 weeks depending on scope, content, integrations, and feedback speed." | |
| }, | |
| { | |
| "question": "Do you only design or also develop?", | |
| "answer": "I develop the final website or front end. I can work from your design, improve an existing design, or help structure the page before implementation." | |
| }, | |
| { | |
| "question": "What can I hire you for?", | |
| "answer": "Homepage conversion, landing pages, website redesigns, product front ends, speed/mobile cleanup, editable website systems, and store conversion improvements." | |
| }, | |
| { | |
| "question": "Do you work with international clients?", | |
| "answer": "Yes. I work remotely with founders, agencies, businesses, and product teams across different time zones." | |
| }, | |
| { | |
| "question": "Do you provide ongoing support?", | |
| "answer": "Yes. After launch I can help with maintenance, bug fixes, new sections, performance improvements, and feature enhancements." | |
| }, | |
| { | |
| "question": "Do you share pricing upfront?", | |
| "answer": "Yes. Services use starting-from pricing to qualify scope quickly. Final pricing depends on pages, complexity, integrations, content readiness, and timeline." | |
| } | |
| ], | |
| "footerColumns": [ | |
| { | |
| "title": "Sections", | |
| "links": [ | |
| { | |
| "label": "Services", | |
| "href": "/services" | |
| }, | |
| { | |
| "label": "Projects", | |
| "href": "/projects" | |
| }, | |
| { | |
| "label": "Case Studies", | |
| "href": "/case-studies" | |
| } | |
| ] | |
| }, | |
| { | |
| "title": "Projects", | |
| "links": [ | |
| { | |
| "label": "Brickify", | |
| "href": "https://brickify.netlify.app" | |
| }, | |
| { | |
| "label": "5gStore", | |
| "href": "https://5gstore.pk" | |
| }, | |
| { | |
| "label": "PinAuto", | |
| "href": "https://pin-auto.com" | |
| }, | |
| { | |
| "label": "Clampy", | |
| "href": "https://clampy.netlify.app" | |
| } | |
| ] | |
| }, | |
| { | |
| "title": "Contact", | |
| "links": [ | |
| { | |
| "label": "Email", | |
| "href": "mailto:ayoubkhan558@hotmail.com" | |
| }, | |
| { | |
| "label": "Phone", | |
| "href": "tel:+923347812124" | |
| }, | |
| { | |
| "label": "LinkedIn", | |
| "href": "https://linkedin.com/in/ayoubkhan558" | |
| }, | |
| { | |
| "label": "Hire Me", | |
| "href": "/contact" | |
| } | |
| ] | |
| } | |
| ], | |
| "clients": [ | |
| { | |
| "name": "Weinberger Aesthetics", | |
| "role": "Aesthetics practice client", | |
| "logo": "/client/weinberger-aesthetics-logo.svg", | |
| "logoDark": "/client/weinberger-aesthetics-logo-no-color.svg", | |
| "website": "https://weinbergeraesthetics.com/", | |
| "reviewId": "review-weinbergeraesthetics-01", | |
| "review": "Aesthetic practice pages tuned for premium trust and appointment intent.", | |
| "testimonial": "The result felt more premium and made the path to booking feel clearer and more trustworthy.", | |
| "initials": "WA", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Studyly", | |
| "role": "Education product client", | |
| "logo": "/client/studyly-logo.svg", | |
| "logoDark": "/client/studyly-logo-no-color.svg", | |
| "website": "https://studyly.com/", | |
| "reviewId": "review-studyly-01", | |
| "review": "Education product UI shaped around simple onboarding and readable content.", | |
| "testimonial": "The product experience became more approachable and the content layout felt much cleaner.", | |
| "initials": "ST", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Sunshield Insurance", | |
| "role": "Insurance website client", | |
| "logo": "/client/sunshieldins-logo.svg", | |
| "logoDark": "/client/sunshieldins-logo-no-color.svg", | |
| "website": "https://sunshieldins.com/", | |
| "reviewId": "review-sunshieldins-01", | |
| "review": "Insurance pages organized for faster quote intent and clearer service paths.", | |
| "testimonial": "The pages made our services easier to understand and improved the path toward quote requests.", | |
| "initials": "SI", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Kings RE", | |
| "role": "Real estate client", | |
| "logo": "/client/kingsre-logo.png", | |
| "logoDark": "/client/kingsre-logo-no-color.png", | |
| "website": "https://www.kingsrealestate.com/", | |
| "reviewId": "review-kingsre-01", | |
| "review": "Real estate pages structured for trust, clarity, and lead capture.", | |
| "testimonial": "The website feels more credible and makes it easier for prospects to move toward an inquiry.", | |
| "initials": "KR", | |
| "avatar": "/client/inshad-arshad-bajwa-client.jpg", | |
| "showInClientImages": true, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "LWS Academy", | |
| "role": "Education platform client", | |
| "logo": "/client/lws-academy-logo.png", | |
| "logoDark": "/client/lws-academy-logo-no-color.png", | |
| "website": "https://lws.academy/", | |
| "reviewId": "review-lwsacademy-01", | |
| "review": "Learning-site interface work with cleaner content structure and navigation.", | |
| "testimonial": "The learning pages became cleaner, easier to scan, and more consistent across devices.", | |
| "initials": "LW", | |
| "avatar": "/client/shajeel-afzal-lws-client.jpg", | |
| "showInClientImages": true, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Markedine", | |
| "role": "Marketing website client", | |
| "logo": "/client/markedine-logo.png", | |
| "logoDark": "/client/markedine-logo-no-color.png", | |
| "website": "https://markedine.com/", | |
| "reviewId": "review-markedine-01", | |
| "review": "Marketing pages refined for sharper positioning and conversion paths.", | |
| "testimonial": "Clear communication, reliable delivery, and strong attention to responsive details across the project.", | |
| "initials": "MD", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Pagano Law", | |
| "role": "Professional services client", | |
| "logo": "/client/paganolaw-logo.png", | |
| "logoDark": "/client/paganolaw-logo.png", | |
| "website": "https://paganolaw.com/", | |
| "reviewId": "review-paganolaw-01", | |
| "review": "Professional service pages built around credibility and clear inquiry paths.", | |
| "testimonial": "The final pages were polished, readable, and better suited for high-trust service inquiries.", | |
| "initials": "PL", | |
| "avatar": "/client/paganolaw-gregory-j-agano-client.jpg", | |
| "showInClientImages": true, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "RO Gold", | |
| "role": "Commerce client", | |
| "logo": "/client/ro-gold-logo.png", | |
| "logoDark": "/client/ro-gold-logo-no-color.png", | |
| "website": "https://rogold.com/", | |
| "reviewId": "review-rogold-01", | |
| "review": "Commerce presentation polished for product confidence and premium feel.", | |
| "testimonial": "The work gave our products a stronger presentation and a more premium browsing experience.", | |
| "initials": "RG", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Serveekay", | |
| "role": "Service business client", | |
| "logo": "/client/serveekay-logo.svg", | |
| "logoDark": "/client/serveekay-logo-no-color.svg", | |
| "website": "https://serveekay.com/", | |
| "reviewId": "review-serveekay-01", | |
| "review": "Service-site delivery with better hierarchy, speed, and maintainability.", | |
| "testimonial": "The site became easier to maintain and the page hierarchy was much clearer after launch.", | |
| "initials": "SK", | |
| "avatar": "/client/serveekay-waleed-client.jpg", | |
| "showInClientImages": true, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Baby PNG", | |
| "role": "Image tooling client", | |
| "logo": "/client/baby-png-logo.svg", | |
| "logoDark": "/client/baby-png-logo-no-color.svg", | |
| "website": "https://babypng.com/", | |
| "reviewId": "review-babypng-01", | |
| "review": "Image tooling UI delivered with cleaner flows and faster conversion paths.", | |
| "testimonial": "The interface became easier to use, clearer to navigate, and better aligned with our product goals.", | |
| "initials": "BP", | |
| "avatar": null, | |
| "proofLabel": "Founders, individuals, and teams I've built for", | |
| "proofText": "20+ happy clients", | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Carptrac", | |
| "role": "Service website client", | |
| "logo": "/client/carptrac-Logo.svg", | |
| "logoDark": "/client/carptrac-Logo-no-color.svg", | |
| "website": "https://www.carptrac.com.fj/", | |
| "reviewId": "review-carptrac-01", | |
| "review": "A practical website build that made product and service discovery easier.", | |
| "testimonial": "Ayoub gave the site a clearer structure and helped visitors understand the offer faster.", | |
| "initials": "CT", | |
| "avatar": "/client/robert-wee-carptrac-client.jpg", | |
| "showInClientImages": true, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "5G Store", | |
| "role": "E-commerce client", | |
| "logo": "/client/logo-5g-store.png", | |
| "logoDark": "/client/logo-5g-store-no-color.png", | |
| "website": "https://5gstore.com/", | |
| "reviewId": "review-5gstore-01", | |
| "review": "E-commerce improvements focused on product clarity and technical buyers.", | |
| "testimonial": "Ayoub improved the store structure, made the pages easier to manage, and handled feedback quickly.", | |
| "initials": "5G", | |
| "avatar": "/client/hassan-client-5g-store.jpg", | |
| "showInClientImages": true, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Serpio", | |
| "role": "Product interface client", | |
| "logo": "/client/serpio-logo.png", | |
| "logoDark": "/client/serpio-logo-no-color.png", | |
| "website": "https://serpio.com/", | |
| "reviewId": "review-serpio-01", | |
| "review": "Product interface work focused on usability, structure, and launch quality.", | |
| "testimonial": "The interface work improved usability and gave the product a cleaner launch-ready structure.", | |
| "initials": "SP", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "The Royal Pin", | |
| "role": "Brand commerce client", | |
| "logo": "/client/theroyalpin-logo.png", | |
| "logoDark": "/client/theroyalpin-logo-no-color.png", | |
| "website": "https://theroyalpin.com/", | |
| "reviewId": "review-theroyalpin-01", | |
| "review": "Brand-led site work with stronger product storytelling and polish.", | |
| "testimonial": "The site presentation became sharper, more refined, and better matched the brand direction.", | |
| "initials": "RP", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| }, | |
| { | |
| "name": "Shinning Horizon", | |
| "role": "Brand website client", | |
| "logo": "/client/shinning-horizon-logo.png", | |
| "logoDark": "/client/shinning-horizon-logo-no-color.png", | |
| "website": "https://shinninghorizon.com/", | |
| "reviewId": "review-shinninghorizon-01", | |
| "review": "A cleaner web presence with stronger section flow and visual consistency.", | |
| "testimonial": "The website now feels more consistent and gives visitors a clearer path through the content.", | |
| "initials": "SH", | |
| "avatar": null, | |
| "showInClientImages": false, | |
| "showInLogos": true, | |
| "showInTestimonials": true | |
| } | |
| ], | |
| "bestFit": [ | |
| "Founders who need custom React.js or Next.js landing pages", | |
| "Agencies that need reliable HTML, CSS, JavaScript, or React implementation", | |
| "SaaS/product teams that need fast front-end pages, dashboards, or MVP UI", | |
| "Businesses that want a conversion-focused website before investing in a CMS" | |
| ] | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "checkedAt": "2026-06-28T05:52:11.048Z", | |
| "totalLinks": 200, | |
| "okCount": 73, | |
| "failedCount": 124, | |
| "okLinks": [ | |
| "https://5gstore.pk/", | |
| "https://chatter-react.surge.sh/", | |
| "https://magnet.social/", | |
| "https://babypng.com/", | |
| "https://www.p-intelligence.com/", | |
| "https://301-redirect.app/", | |
| "https://50stars.pro/", | |
| "https://art-digital.surge.sh/", | |
| "https://assessment-intelligent.netlify.app/", | |
| "https://bulk-edit.com/", | |
| "https://centaurivision.ca/", | |
| "https://championsmortgageteam.com/", | |
| "https://cheapzy.net/", | |
| "https://consulting-realty.com/kingsre", | |
| "https://dalailkhairat.com/", | |
| "https://dhabas.netlify.app/", | |
| "https://digihub.li/", | |
| "https://epicsols.com/", | |
| "https://fv-bitss.pages.dev/", | |
| "https://fv-kodak-connect.pages.dev/", | |
| "https://glowcore.com.pk/", | |
| "https://kargokdelivery-cqxwipnq8r.live-website.com/", | |
| "https://katy-body.netlify.app/", | |
| "https://kuza-app.netlify.app/", | |
| "https://lws.academy/", | |
| "https://mkzmart.com/", | |
| "https://monoami.surge.sh/", | |
| "https://mrchrissyservices.netlify.app/", | |
| "https://mugnsoft.com/", | |
| "https://naseeha.surge.sh/", | |
| "https://p668994.webspaceconfig.de/weinberger-aesthetics-wp/wp-admin/", | |
| "https://paganolaw.net/", | |
| "https://pin-auto.com/", | |
| "https://pms-study.com/wp-admin", | |
| "https://polygon.sa/", | |
| "https://portoro.pages.dev/", | |
| "https://promo-intelligence-pro.netlify.app/", | |
| "https://rebill.shop/", | |
| "https://reppit.ai/", | |
| "https://review-website.pages.dev/", | |
| "https://reyesenvironmental.com/", | |
| "https://ro.gold/", | |
| "https://serpio.app/", | |
| "https://serveekay.com/", | |
| "https://seshy.surge.sh/", | |
| "https://shininghorizon.com/", | |
| "https://shoppable-video.com/", | |
| "https://sku-auto.com/", | |
| "https://smartavlasia.com/", | |
| "https://strainproxies.surge.sh/", | |
| "https://studyly.com/", | |
| "https://sunshieldinsurance.com/", | |
| "https://thaivisaexpert.com/", | |
| "https://theme-scheduler.com/", | |
| "https://theroyalpin.com/", | |
| "https://tripo.netlify.app/", | |
| "https://webp-image.com/", | |
| "https://website-mint.netlify.app/", | |
| "https://website-mint-landing-page.vercel.app/", | |
| "https://weinberger-aesthetics.de/", | |
| "https://www.carptrac.com.fj/", | |
| "https://www.alkira.com/", | |
| "https://www.chkk.io/", | |
| "https://www.fewcents.co/", | |
| "https://www.kingsre.ae/", | |
| "https://tembekasua-react.surge.sh/", | |
| "https://www.edinburghptacademy.com/", | |
| "https://www.markedine.com/", | |
| "https://www.xgrid.co/", | |
| "https://www.thegoldenfork.com.mt/", | |
| "https://yt-converter-front.surge.sh/", | |
| "https://nclrealestate.com", | |
| "https://clampy.netlify.app/", | |
| "https://brickify.netlify.app/", | |
| "https://mockify-alpha.vercel.app/" | |
| ] | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "sourceFile": "C:\\Users\\NCS\\Downloads\\Ayoub Projects.xlsx", | |
| "sheet": "Sheet1", | |
| "projectCount": 143, | |
| "excludedRows": [ | |
| 42, | |
| 137 | |
| ], | |
| "projects": [ | |
| { | |
| "websiteName": "Xgrid", | |
| "categoryNiche": "Cloud infrastructure and technology services", | |
| "websiteUrl": "https://www.xgrid.co/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Next.js", | |
| "client": null, | |
| "company": "Xgrid.co", | |
| "notes": "Delivered while working at Xgrid.co. Corporate website for Xgrid's cloud infrastructure and technology services.", | |
| "date": null, | |
| "projectType": "Technology services website", | |
| "description": "Corporate website for Xgrid's cloud infrastructure and technology services, built with Next.js.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-xgrid.jpg" | |
| }, | |
| { | |
| "websiteName": "Alkira", | |
| "categoryNiche": "Cloud networking", | |
| "websiteUrl": "https://www.alkira.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Custom WordPress", | |
| "client": null, | |
| "company": "Xgrid.co", | |
| "notes": "Delivered while working at Xgrid.co. Custom WordPress website for Alkira, now part of Lumen.", | |
| "date": null, | |
| "projectType": "Enterprise networking website", | |
| "description": "Enterprise networking website for Alkira's cloud-native networking platform, built with custom WordPress.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-alkira.jpg" | |
| }, | |
| { | |
| "websiteName": "Chkk", | |
| "categoryNiche": "Cloud native infrastructure", | |
| "websiteUrl": "https://www.chkk.io/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Webflow", | |
| "client": null, | |
| "company": "Xgrid.co", | |
| "notes": "Delivered while working at Xgrid.co. Webflow website delivery for Chkk.", | |
| "date": null, | |
| "projectType": "SaaS marketing website", | |
| "description": "SaaS marketing website for Chkk's cloud-native infrastructure platform, built with Webflow.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-chkk.jpg" | |
| }, | |
| { | |
| "websiteName": "dalailkhairat", | |
| "categoryNiche": "Islamic Site", | |
| "websiteUrl": "https://dalailkhairat.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Community website", | |
| "description": "dalailkhairat is a community website for Islamic Site built with a practical web stack to make key content easier to understand and act on.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-dalailkhairat.jpg" | |
| }, | |
| { | |
| "websiteName": "Pagano Law", | |
| "categoryNiche": "Legal services", | |
| "websiteUrl": "https://paganolaw.net/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Legal website", | |
| "description": "Pagano Law is a legal website built with a practical web stack to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-pagano-law.jpg", | |
| "pageSpeed": { | |
| "source": "Google PageSpeed Insights", | |
| "testedUrl": "https://paganolaw.net", | |
| "measuredAt": "2026-06-29", | |
| "mobile": { | |
| "performance": 55, | |
| "fcp": "7.3 s", | |
| "lcp": "11.6 s", | |
| "cls": "0.054", | |
| "tbt": "90 ms", | |
| "speedIndex": "10.2 s" | |
| }, | |
| "desktop": { | |
| "performance": 79, | |
| "fcp": "1.4 s", | |
| "lcp": "2.3 s", | |
| "cls": "0.03", | |
| "tbt": "50 ms", | |
| "speedIndex": "2.5 s" | |
| } | |
| } | |
| }, | |
| { | |
| "websiteName": "King SR - Real Estate RK", | |
| "categoryNiche": "Real Estate", | |
| "websiteUrl": "https://www.kingsre.ae/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": null, | |
| "notes": "https://consulting-realty.com/kingsre", | |
| "date": null, | |
| "projectType": "Real estate website", | |
| "description": "King SR - Real Estate RK is a real estate website built with a practical web stack to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-king-sr-real-estate-rk.jpg" | |
| }, | |
| { | |
| "websiteName": "Edinburghpt Academy", | |
| "categoryNiche": "Education and learning", | |
| "websiteUrl": "https://edinburghptacademy.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS", | |
| "client": "James McKeen", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Education website", | |
| "description": "Edinburghpt Academy is an education website built with HTML, CSS to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Weinberger Aesthetics", | |
| "categoryNiche": "Health and wellness", | |
| "websiteUrl": "https://weinberger-aesthetics.de/", | |
| "figmaLink": "https://www.figma.com/design/uAAfNrvyJaOmVuif5wQuHV/WA-Section-Design?node-id=28-734&t=rHWrD4Ld7a2Ywg7h-0", | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Simon Upwork", | |
| "notes": "https://p668994.webspaceconfig.de/weinberger-aesthetics-wp/", | |
| "date": null, | |
| "projectType": "Healthcare website", | |
| "description": "Weinberger Aesthetics is a healthcare website translated from Figma with Bricks Page Builder to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-weinberger-aesthetics.jpg" | |
| }, | |
| { | |
| "websiteName": "GlowCore", | |
| "categoryNiche": "Online retail", | |
| "websiteUrl": "https://glowcore.com.pk/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Shopify", | |
| "client": "Arslan FSD", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "E-commerce website", | |
| "description": "GlowCore is an e-commerce website built with Shopify to make key content easier to understand and act on.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-glowcore.jpg" | |
| }, | |
| { | |
| "websiteName": "Supplements Hub", | |
| "categoryNiche": "Health & Nutrition / Dietary Supplements", | |
| "websiteUrl": "https://supplementshub.com.pk/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Shopify", | |
| "client": "Arslan FSD", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "E-commerce website", | |
| "description": "Showcases authentic weight management, beauty collagen, family wellness, and daily growth supplements for online ordering across Pakistan.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-supplements-hub.jpg" | |
| }, | |
| { | |
| "websiteName": "Reppit", | |
| "categoryNiche": "AI SaaS / Reddit Marketing", | |
| "websiteUrl": "https://reppit.ai/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Bricks Builder website", | |
| "description": "Automates Reddit lead generation, keyword monitoring, and AI-powered reply engagement for brand visibility and sales.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-reppit.jpg", | |
| "originalStack": [ | |
| "WordPress", | |
| "Bricks Builder" | |
| ] | |
| }, | |
| { | |
| "websiteName": "Smart Bulk Price Editor", | |
| "categoryNiche": "E-commerce SaaS / Pricing Automation", | |
| "websiteUrl": "https://bulk-edit.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Automates product pricing, scheduled discounts, multi-market rate updates, and one-click price rollbacks for store inventory.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-price-bulk-edit.jpg" | |
| }, | |
| { | |
| "websiteName": "ShiningHorizon", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://shininghorizon.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "ShiningHorizon is a wordpress website built with Wordperss, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-shininghorizon.jpg" | |
| }, | |
| { | |
| "websiteName": "BabyPNG", | |
| "categoryNiche": "Business services ", | |
| "websiteUrl": "https://babypng.com/", | |
| "figmaLink": "https://www.figma.com/file/NnX3sSnUGbW2LhOheP6Sft/BabyPNG-development?type=design&node-id=0-1&mode=design&t=xlkhm1SjiI80dMz1-0", | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "Indian Client", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Fiverr, India" | |
| }, | |
| "projectType": "Figma to HTML/CSS", | |
| "description": "BabyPNG is a business website translated from Figma with HTML, CSS, Bootstrap to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-babypng.jpg" | |
| }, | |
| { | |
| "websiteName": "Shoppable", | |
| "categoryNiche": "Video commerce", | |
| "websiteUrl": "https://shoppable-video.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Shoppable is a wordpress website built with Bricks Page Builder to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-shoppable.jpg" | |
| }, | |
| { | |
| "websiteName": "301-redirect", | |
| "categoryNiche": "Marketing automation tools", | |
| "websiteUrl": "https://301-redirect.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "301-redirect is a wordpress website built with Bricks Page Builder to make the offer easier to scan across devices.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-301-redirect.jpg" | |
| }, | |
| { | |
| "websiteName": "Theme-scheduler", | |
| "categoryNiche": "Marketing automation tools", | |
| "websiteUrl": "https://theme-scheduler.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Theme-scheduler is a wordpress website built with Bricks Page Builder to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-theme-scheduler.jpg" | |
| }, | |
| { | |
| "websiteName": "Pin It", | |
| "categoryNiche": "Marketing automation tools", | |
| "websiteUrl": "https://pin-auto.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Pin It is a wordpress website built with Bricks Page Builder to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-pin-it.jpg", | |
| "pageSpeed": { | |
| "source": "Google PageSpeed Insights", | |
| "testedUrl": "https://pin-auto.com", | |
| "measuredAt": "2026-06-29", | |
| "mobile": { | |
| "performance": 92, | |
| "fcp": "1.5 s", | |
| "lcp": "2.4 s", | |
| "cls": "0.052", | |
| "tbt": "70 ms", | |
| "speedIndex": "5.6 s" | |
| }, | |
| "desktop": { | |
| "performance": 97, | |
| "fcp": "0.3 s", | |
| "lcp": "0.5 s", | |
| "cls": "0.003", | |
| "tbt": "70 ms", | |
| "speedIndex": "1.7 s" | |
| } | |
| } | |
| }, | |
| { | |
| "websiteName": "WebP Optimizer", | |
| "categoryNiche": "Image Optimization / Speed SEO", | |
| "websiteUrl": "https://webp-image.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Showcases bulk WebP conversion, background compression, lazy loading, and SEO alt-text tools to improve site speed and Core Web Vitals.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-webp-optimzer.jpg" | |
| }, | |
| { | |
| "websiteName": "Serpio", | |
| "categoryNiche": "SaaS / SEO Tools", | |
| "websiteUrl": "https://serpio.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Ismir", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Bricks Builder", | |
| "description": "Serpio.app is a pay-as-you-go SEO rank tracking platform built with WordPress and Bricks Builder, designed to deliver accurate organic and Google Maps grid rank analytics.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-serpio.jpg" | |
| }, | |
| { | |
| "websiteName": "carptrac", | |
| "categoryNiche": "Automotive and transport", | |
| "websiteUrl": "https://www.carptrac.com.fj/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor, WooCommerce", | |
| "client": "Robert Wee", | |
| "notes": null, | |
| "date": "2025-05-31", | |
| "dateRaw": "45808.0", | |
| "projectType": "E-commerce website", | |
| "description": "carptrac is an e-commerce website built with Wordperss, Elementor, WooCommerce to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-carptrac.jpg" | |
| }, | |
| { | |
| "websiteName": "Markedine", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://www.markedine.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "WordPerss/Elementor", | |
| "client": "Robert Wee", | |
| "notes": null, | |
| "date": "2025-05-15", | |
| "dateRaw": "45792.0", | |
| "projectType": "WordPress website", | |
| "description": "Markedine is a wordpress website built with WordPerss/Elementor to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-markedine.jpg", | |
| "pageSpeed": { | |
| "source": "Google PageSpeed Insights", | |
| "testedUrl": "https://markedine.com", | |
| "measuredAt": "2026-06-29", | |
| "mobile": { | |
| "performance": 32, | |
| "fcp": "3.8 s", | |
| "lcp": "17.9 s", | |
| "cls": "0", | |
| "tbt": "1,920 ms", | |
| "speedIndex": "8.3 s" | |
| }, | |
| "desktop": { | |
| "performance": 59, | |
| "fcp": "0.8 s", | |
| "lcp": "4.3 s", | |
| "cls": "0.002", | |
| "tbt": "380 ms", | |
| "speedIndex": "1.7 s" | |
| } | |
| } | |
| }, | |
| { | |
| "websiteName": "5gStore", | |
| "categoryNiche": "Online retail", | |
| "websiteUrl": "https://5gstore.pk/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor, WooCommerce", | |
| "client": "Hassan", | |
| "notes": null, | |
| "date": "2024-09-13", | |
| "dateRaw": "45548.0", | |
| "projectType": "E-commerce website", | |
| "description": "5gStore is an e-commerce website built with Wordperss, Elementor, WooCommerce to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-5gstore.jpg", | |
| "pageSpeed": { | |
| "source": "Google PageSpeed Insights", | |
| "testedUrl": "https://5gstore.pk", | |
| "measuredAt": "2026-06-29", | |
| "mobile": { | |
| "performance": 83, | |
| "fcp": "1.6 s", | |
| "lcp": "4.1 s", | |
| "cls": "0", | |
| "tbt": "160 ms", | |
| "speedIndex": "3.8 s" | |
| }, | |
| "desktop": { | |
| "performance": 95, | |
| "fcp": "0.4 s", | |
| "lcp": "1.2 s", | |
| "cls": "0", | |
| "tbt": "40 ms", | |
| "speedIndex": "1.7 s" | |
| } | |
| } | |
| }, | |
| { | |
| "websiteName": "SKU Auto", | |
| "categoryNiche": "Inventory & SKU Automation", | |
| "websiteUrl": "https://sku-auto.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Automates SKU and barcode generation with custom templates, bulk editing, and automated product updates for store inventory.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-sku-auto.jpg" | |
| }, | |
| { | |
| "websiteName": "Episcols", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://epicsols.com/", | |
| "figmaLink": "https://www.figma.com/file/arVVMmApgZmdzNGxxcJNWz/EPICSOLS-AGENCY-WEBSITE-2024?type=design&node-id=0-1&mode=design&t=vqAcPTGqAE4KiXBq-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Episcols is a wordpress website translated from Figma with Wordpress, Elementor to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Redesigned by Client", | |
| "myRole": "Built the original version of the website.", | |
| "originalStack": [ | |
| "WordPress", | |
| "Elementor" | |
| ], | |
| "screenshot": "/projects/project-ss-episcols.jpg" | |
| }, | |
| { | |
| "websiteName": "Robux Gold", | |
| "categoryNiche": "Gaming and digital entertainment", | |
| "websiteUrl": "https://ro.gold/", | |
| "figmaLink": "https://www.figma.com/file/Isl1gmAlINlpez3CU3Znud/ROBLUXGOLD?type=design&t=NlOnUmS6H68nFy13-6", | |
| "platformFrameworkBuilder": "Reactjs, Bootstrap", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "Robux Gold is a landing page translated from Figma with Reactjs, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-robux-gold.jpg" | |
| }, | |
| { | |
| "websiteName": "Go Enterprise HR", | |
| "categoryNiche": "HR Software / SaaS", | |
| "websiteUrl": "https://goenterprisehr.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "company": null, | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "dateRaw": null, | |
| "projectType": "HR Management Software Website", | |
| "description": "Enterprise HR software platform designed for growing teams and global workforces to automate core HR, attendance, payroll, compliance, and employee workflows.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-goenterprisehr.jpg" | |
| }, | |
| { | |
| "websiteName": "Tech Bridge Recruiting", | |
| "categoryNiche": "IT Recruitment & Staffing", | |
| "websiteUrl": "https://techbridgerecruiting.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "company": null, | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "dateRaw": null, | |
| "projectType": "IT Recruitment Agency Website", | |
| "description": "Recruitment agency platform designed to connect IT professionals with job opportunities and assist businesses in sourcing tech talent, temporary workers, and consultancy services.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-techbridgerecruiting.jpg" | |
| }, | |
| { | |
| "websiteName": "Rebill", | |
| "categoryNiche": "Subscriptions & Recurring Billing", | |
| "websiteUrl": "https://rebill.shop/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Jordan San", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Automates subscription management, recurring payments, customizable billing cycles, and self-service portals to boost customer LTV.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-rebill.jpg" | |
| }, | |
| { | |
| "websiteName": "Waleed Portfolio", | |
| "categoryNiche": "Personal portfolios", | |
| "websiteUrl": "https://serveekay.com/", | |
| "figmaLink": "https://www.figma.com/design/B1bSg9E8R8rrMB5Q57ji6h/Untitled?node-id=0-1&p=f&t=wOfumBd8BeUhPGT6-0", | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Waleed Khan UI", | |
| "notes": null, | |
| "date": "2025-07-09", | |
| "dateRaw": "45847.0", | |
| "projectType": "WordPress website", | |
| "description": "Waleed Portfolio is a wordpress website translated from Figma with Bricks Page Builder to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)", | |
| "screenshot": "/projects/project-ss-waleed-portfolio.jpg" | |
| }, | |
| { | |
| "websiteName": "LWS Academy", | |
| "categoryNiche": "Education and learning", | |
| "websiteUrl": "https://lws.academy/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor, TutorLMS", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "LWS Academy is an education website built with Wordperss, Elementor, TutorLMS to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Redesigned by Client", | |
| "myRole": "Built the original version of the website.", | |
| "originalStack": [ | |
| "WordPress", | |
| "Elementor" | |
| ], | |
| "screenshot": "/projects/project-ss-lws-academy.jpg" | |
| }, | |
| { | |
| "websiteName": "50Stars", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://50stars.pro/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "50Stars is a wordpress website built with Wordperss, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-50stars.jpg" | |
| }, | |
| { | |
| "websiteName": "Naseeha", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://naseeha.surge.sh/", | |
| "figmaLink": "https://www.figma.com/file/l2cxK2hrGJmgBm7KTtnWqZ/Naseeha?type=design&node-id=725-9180&mode=design&t=xlkhm1SjiI80dMz1-0", | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "Pakistani Client", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Episcols" | |
| }, | |
| "projectType": "Business website", | |
| "description": "Naseeha is a business website translated from Figma with HTML, CSS, Bootstrap to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-naseeha.jpg" | |
| }, | |
| { | |
| "websiteName": "Sun Shield Insurance", | |
| "categoryNiche": "Finance and insurance", | |
| "websiteUrl": "https://sunshieldinsurance.com/", | |
| "figmaLink": "https://www.figma.com/file/FmNLwfTFE6n9itNNGvYOJa/SUN-SHIELD-WEBSITE-Final?node-id=1%3A13&mode=dev", | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Episcols" | |
| }, | |
| "projectType": "WordPress website", | |
| "description": "Sun Shield Insurance is a wordpress website translated from Figma with Wordperss, Elementor to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Redesigned by Client", | |
| "myRole": "Built the original version of the website.", | |
| "originalStack": [ | |
| "WordPress", | |
| "Elementor" | |
| ], | |
| "screenshot": "/projects/project-ss-sun-shield-insurance.jpg" | |
| }, | |
| { | |
| "websiteName": "Juhayana", | |
| "categoryNiche": "Food and hospitality", | |
| "websiteUrl": "https://www.juhayna-co.com/", | |
| "figmaLink": "https://www.figma.com/file/r59v15bOHaMMQOYJuOY3w3/Juhayna?mode=dev", | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Fiverr" | |
| }, | |
| "projectType": "WordPress website", | |
| "description": "Juhayana is a wordpress website translated from Figma with Wordperss, Elementor to present services clearly and convert qualified visitors." | |
| }, | |
| { | |
| "websiteName": "Waitiyi Admin", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://waitiyi.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Waitiyi Admin is a web app interface built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Waitiyi Front", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://waitifi-front.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Waitiyi Front is a web app interface built with HTML, CSS, Bootstrap to make key content easier to understand and act on.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "punisher", | |
| "categoryNiche": "Web interfaces", | |
| "websiteUrl": "https://punisher-react.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Reactjs", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Frontend build", | |
| "description": "punisher is a frontend build built with Reactjs to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "tembekasua", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://tembekasua-react.surge.sh/", | |
| "figmaLink": "https://www.figma.com/file/vKg1IRnyvbUOAYusYZB41u/tembekasua?node-id=1679%3A92932&mode=dev", | |
| "platformFrameworkBuilder": "Tailwind, Reactjs", | |
| "client": "", | |
| "notes": "https://tembekasua-react.surge.sh/, https://www.tembekasua.africa/ ", | |
| "date": null, | |
| "extra": { | |
| "client2": "Fiverr" | |
| }, | |
| "projectType": "Web app interface", | |
| "description": "tembekasua is a web app interface translated from Figma with Tailwind, Reactjs to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "MKZ Mart", | |
| "categoryNiche": "Online retail", | |
| "websiteUrl": "https://mkzmart.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "MKZ Mart is a business website built with a practical web stack to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-mkz-mart.jpg" | |
| }, | |
| { | |
| "websiteName": "Studyly", | |
| "categoryNiche": "Education and learning", | |
| "websiteUrl": "https://studyly.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Studyly is a business website built with HTML, CSS to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-studyly.jpg" | |
| }, | |
| { | |
| "websiteName": "StrainProxies Admin", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://strain-proxies.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "StrainProxies Admin is a web app interface built with HTML, CSS, Bootstrap to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "StrainProxies Front", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://strainproxies.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "StrainProxies Front is a web app interface built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-strainproxies-front.jpg" | |
| }, | |
| { | |
| "websiteName": "PaperPrensa", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://paper-prenza.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap, JQuery", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "PaperPrensa is a business website built with HTML, CSS, Bootstrap, JQuery to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Traffictinker", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://traffictinker.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, JS, JQuery, Bootstrap, Particles.js", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Traffictinker is a business website built with HTML, CSS, JS, JQuery, Bootstrap, Particles.js to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "WallsStreetBets", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://wallsstreetbets.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "WallsStreetBets is a business website built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "PureForYou Landing", | |
| "categoryNiche": "Product marketing", | |
| "websiteUrl": "https://pure-for-you.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "PureForYou Landing is a landing page built with HTML, CSS, Bootstrap to make key content easier to understand and act on.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Lazhora", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://lazhora.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Lazhora is a business website built with HTML, CSS, Bootstrap to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Leadgen", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://leadgen-fv.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Leadgen is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "MonoAmi Landing", | |
| "categoryNiche": "Product marketing", | |
| "websiteUrl": "https://monoami.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, JS, JQuery, Bootstrap, Particles.js", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "MonoAmi Landing is a landing page built with HTML, CSS, JS, JQuery, Bootstrap, Particles.js to make key content easier to understand and act on.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-monoami-landing.jpg" | |
| }, | |
| { | |
| "websiteName": "BCD Landing", | |
| "categoryNiche": "Product marketing", | |
| "websiteUrl": "https://bcd-landing.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "BCD Landing is a landing page built with HTML, CSS, Bootstrap to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Assertive Industries", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://assertive-industries.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Assertive Industries is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Casino Bonuses Finder", | |
| "categoryNiche": "Gaming and digital entertainment", | |
| "websiteUrl": "https://casino-bonuses-finder.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Casino Bonuses Finder is a business website built with HTML, CSS, Bootstrap to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Cartoon Landing", | |
| "categoryNiche": "Product marketing", | |
| "websiteUrl": "https://cartoon-landing.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "Cartoon Landing is a landing page built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Art Digital", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://art-digital.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/fiverr-art-digital-html", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Art Digital is a business website built with HTML, CSS, Bootstrap to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-art-digital.jpg" | |
| }, | |
| { | |
| "websiteName": "SixAgri Front", | |
| "categoryNiche": "Agriculture", | |
| "websiteUrl": "sixagri-front.surge.sh", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/six-agri/", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "SixAgri Front is a business website built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey." | |
| }, | |
| { | |
| "websiteName": "Youtube Convert", | |
| "categoryNiche": "Media and content", | |
| "websiteUrl": "https://yt-converter-front.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/video-downloader", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Youtube Convert is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-youtube-convert.jpg" | |
| }, | |
| { | |
| "websiteName": "StarFM", | |
| "categoryNiche": "Media and content", | |
| "websiteUrl": "https://starfm.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "StarFM is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "YouTube Wav", | |
| "categoryNiche": "Media and content", | |
| "websiteUrl": "https://yt-wav.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "YouTube Wav is a business website built with HTML, CSS, Bootstrap to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "10ANS+1", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "10ans.surge.sh", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/fv-10ANS-1", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "10ANS+1 is a business website built with HTML, CSS, Bootstrap to make the offer easier to scan across devices." | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://tokyo-ten.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to make the offer easier to scan across devices.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Jackson CV", | |
| "categoryNiche": "Personal portfolios", | |
| "websiteUrl": "https://jackson-cv.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Jackson CV is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Kodak Connect", | |
| "categoryNiche": "Media and content", | |
| "websiteUrl": "https://fv-kodak-connect.pages.dev/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Kodak Connect is a business website built with HTML, CSS, Bootstrap to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-kodak-connect.jpg" | |
| }, | |
| { | |
| "websiteName": "Portoro", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://www.portoro.com/", | |
| "figmaLink": "https://www.figma.com/file/lpbXdBlPE6NcXjoieZCr4v/For-Conversion", | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://portoro.pages.dev/, https://github.com/Hackathon-Soft/portoro", | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "Portoro is a landing page translated from Figma with HTML, CSS, Bootstrap to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-portoro.jpg" | |
| }, | |
| { | |
| "websiteName": "ServicePlace", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://review-website.pages.dev/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/ServicePlace", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "ServicePlace is a business website built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-serviceplace.jpg" | |
| }, | |
| { | |
| "websiteName": "RefillAdmin", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://refill-admin.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "RefillAdmin is a web app interface built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Bitss", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://fv-bitss.pages.dev/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Bitss is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-bitss.jpg" | |
| }, | |
| { | |
| "websiteName": "Safe Affinity", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://safe-affinity.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/fv-bitss", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Safe Affinity is a business website built with HTML, CSS, Bootstrap to make key content easier to understand and act on.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "NovaMarkets", | |
| "categoryNiche": "Finance and insurance", | |
| "websiteUrl": "https://nova-markets.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": "https://github.com/Hackathon-Soft/fv-nova-markets", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "NovaMarkets is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "AutoMovel Landing", | |
| "categoryNiche": "Automotive and transport", | |
| "websiteUrl": "https://automovel-landing.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "AutoMovel Landing is a landing page built with HTML, CSS, Bootstrap to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Guyana Landing", | |
| "categoryNiche": "Product marketing", | |
| "websiteUrl": "https://guyana-landing.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "Guyana Landing is a landing page built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "LiquidGarden", | |
| "categoryNiche": "Home and garden", | |
| "websiteUrl": "liquid-garden.surge.sh", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "LiquidGarden is a business website built with HTML, CSS, Bootstrap to turn the brand into a faster production-ready web presence." | |
| }, | |
| { | |
| "websiteName": "Nobux", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://nobux.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Nobux is a business website built with HTML, CSS, Bootstrap to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "AccorePWA", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://accore-pwa.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "AccorePWA is a business website built with HTML, CSS, Bootstrap to make the offer easier to scan across devices.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Ventoy", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "ventoy.surge.sh", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Ventoy is a business website built with HTML, CSS, Bootstrap to make key content easier to understand and act on." | |
| }, | |
| { | |
| "websiteName": "FreeEla", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://free-ela.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "FreeEla is a business website built with a practical web stack to make the offer easier to scan across devices.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Fewcents", | |
| "categoryNiche": "Finance and insurance", | |
| "websiteUrl": "https://www.fewcents.co/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Fewcents is a business website built with a practical web stack to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-fewcents.jpg" | |
| }, | |
| { | |
| "websiteName": "XNation", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://xnation.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Reactjs, HTML, Scss, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Reactjs", | |
| "description": "XNation is a frontend build built with Reactjs, HTML, Scss, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Offline", | |
| "screenshot": "/projects/project-ss-xnation.jpg" | |
| }, | |
| { | |
| "websiteName": "Promo Intelligence", | |
| "categoryNiche": "Web interfaces", | |
| "websiteUrl": "https://promo-intelligence-pro.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, Scss, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "HTML/CSS", | |
| "description": "Client project is a frontend build built with HTML, Scss, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-promo-intelligence-pro-netlify.jpg" | |
| }, | |
| { | |
| "websiteName": "Mugnsoft", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://mugnsoft.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Mugnsoft is a wordpress website built with Wordperss, Elementor to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-mugnsoft.jpg" | |
| }, | |
| { | |
| "websiteName": "Polygon", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://polygon.sa/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Polygon is a wordpress website built with Wordperss, Elementor to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-polygon.jpg" | |
| }, | |
| { | |
| "websiteName": "TheFinancologist", | |
| "categoryNiche": "Finance and insurance", | |
| "websiteUrl": "https://thefinancologist.co/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "TheFinancologist is a wordpress website built with Wordperss, Elementor to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "Assessment Intelligent", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://assessment-intelligent.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to make key content easier to understand and act on.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-assessment-intelligent-netlify.jpg" | |
| }, | |
| { | |
| "websiteName": "Dhabas", | |
| "categoryNiche": "Food and hospitality", | |
| "websiteUrl": "https://dhabas.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-dhabas-netlify.jpg" | |
| }, | |
| { | |
| "websiteName": "Kuza", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://kuza-app.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to make the offer easier to scan across devices.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-kuza-app-netlify.jpg" | |
| }, | |
| { | |
| "websiteName": "Mrchrissy Services", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://mrchrissyservices.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-mrchrissyservices-netlify.jpg" | |
| }, | |
| { | |
| "websiteName": "Service Herd", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://www.serviceherd.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://vikfougere.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, PHP, Laravel", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, PHP, Laravel to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://tripo.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-tripo-netlify.jpg" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://erepowerfl.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to make key content easier to understand and act on." | |
| }, | |
| { | |
| "websiteName": "Katy Body Sculpt", | |
| "categoryNiche": "Health and wellness", | |
| "websiteUrl": "https://katy-body.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "Katy Body Sculpt is a landing page built with HTML, CSS, Bootstrap to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-katy-body-sculpt.jpg" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Food and hospitality", | |
| "websiteUrl": "https://www.openpantry.com.au/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with HTML, CSS, Bootstrap to make the offer easier to scan across devices." | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://kenmoeagency.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://www.p-intelligence.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-p-intelligence.jpg" | |
| }, | |
| { | |
| "websiteName": "LuxuryLagoonDubai", | |
| "categoryNiche": "Travel and tourism", | |
| "websiteUrl": "https://luxurylagoondubai.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "LuxuryLagoonDubai is a web app interface built with Wordperss, Elementor to make key content easier to understand and act on.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "Eningo", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "eningo.se", | |
| "figmaLink": "https://www.figma.com/file/KgWZdYT2fOAUa4fQxLNt9Q/Eningo-mockup?node-id=0%3A1&mode=dev", | |
| "platformFrameworkBuilder": "Webflow", | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Eningo is a business website translated from Figma with Webflow to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "The Golden Form", | |
| "categoryNiche": "Food and hospitality", | |
| "websiteUrl": "https://www.thegoldenfork.com.mt/", | |
| "figmaLink": "https://www.figma.com/file/vPZjIuEwUJtZVKWq8fy2sx/THE-GOLDEN-FORK?node-id=68%3A639&mode=dev", | |
| "platformFrameworkBuilder": "Wix", | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "The Golden Form is a business website translated from Figma with Wix to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-the-golden-form.jpg" | |
| }, | |
| { | |
| "websiteName": "The Infineights", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://theinfineights.com/", | |
| "figmaLink": "https://www.figma.com/file/e241jolFxLdJ9qHsCYIDlb/THE-INFINEIGHTS?node-id=2%3A824&mode=dev", | |
| "platformFrameworkBuilder": "Wordperss, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "The Infineights is a wordpress website translated from Figma with Wordperss, Elementor to make the offer easier to scan across devices.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "DigiHub", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://digihub.li/", | |
| "figmaLink": "https://www.figma.com/file/EcBjiUDJO3MlneCKtEazUd/New-DIGIHUB?node-id=0%3A1&mode=dev", | |
| "platformFrameworkBuilder": "Wordpress", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "DigiHub is a wordpress website translated from Figma with Wordpress to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-digihub.jpg" | |
| }, | |
| { | |
| "websiteName": "Cheapzy", | |
| "categoryNiche": "Online retail", | |
| "websiteUrl": "https://cheapzy.net/", | |
| "figmaLink": "https://www.figma.com/file/Mbkg39Gy6dsGzFdskDf2IA/CHEAPZY-WEBSITE?node-id=0%3A1&mode=dev", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Cheapzy is a wordpress website translated from Figma with Wordpress, Elementor to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-cheapzy.jpg" | |
| }, | |
| { | |
| "websiteName": "Magnet Social", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://magnet.social/", | |
| "figmaLink": "https://www.figma.com/file/tVS468D15SuA3CoLT8dVVf/magnet-smm-(Copy)?node-id=0%3A1&mode=dev", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": "2023-02-26", | |
| "dateRaw": "44983.0", | |
| "projectType": "WordPress website", | |
| "description": "Magnet Social is a wordpress website translated from Figma with Wordpress, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-magnet-social.jpg" | |
| }, | |
| { | |
| "websiteName": "GlowUpDental", | |
| "categoryNiche": "Health and wellness", | |
| "websiteUrl": "https://glowupdental.co.uk/", | |
| "figmaLink": "https://www.figma.com/file/EBm3TFggQDe6IU9eMKewWk/GLOW-UP-DENTAL?type=design&mode=design&t=o5BL7F2hEjvzo15Z-0", | |
| "platformFrameworkBuilder": "Shopify", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": "2023-06-08", | |
| "dateRaw": "45084.7+", | |
| "projectType": "E-commerce website", | |
| "description": "GlowUpDental is an e-commerce website translated from Figma with Shopify to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "More Than Baths", | |
| "categoryNiche": "Bathroom Fixtures & Home Improvement", | |
| "websiteUrl": "https://morethanbaths.co.uk/", | |
| "figmaLink": "https://www.figma.com/file/YTWUfn5hd5CFFHuR5NzZ9x/More-Than-Bath?type=design&t=t3ekXOdJgLR1entc-6", | |
| "platformFrameworkBuilder": "Shopify", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/episcols-shopify-theme", | |
| "date": "2024-02-25", | |
| "dateRaw": "45347.0", | |
| "projectType": "E-commerce website", | |
| "description": "Showcases luxury bathroom suites, custom showers, and heating products with an intuitive navigation flow to boost customer inquiries.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-more-than-baths.jpg" | |
| }, | |
| { | |
| "websiteName": "Champions Mortgage Team", | |
| "categoryNiche": "Finance and insurance", | |
| "websiteUrl": "https://championsmortgageteam.com/", | |
| "figmaLink": "https://www.figma.com/file/4kdaXhs0ZxRIfTxrrDdGHQ/CHAMPION-MORTAGAGE-(Copy)?mode=dev", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": "2024-04-08", | |
| "dateRaw": "45390.0", | |
| "projectType": "WordPress website", | |
| "description": "Champions Mortgage Team is a wordpress website translated from Figma with Wordpress, Elementor to make key content easier to understand and act on.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-champions-mortgage-team.jpg" | |
| }, | |
| { | |
| "websiteName": "Acholyte", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": null, | |
| "figmaLink": "https://www.figma.com/file/BdvkenEPUjsVkFUR9lyM43/ACHOLYTE-WEBSITE?type=design&mode=design&t=OeKA6DbWV7m0OyrD-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "Live URL removed because the archived site does not provide a valid, secure HTTPS endpoint.", | |
| "date": "2023-11-01", | |
| "dateRaw": "45231.0", | |
| "projectType": "WordPress website", | |
| "description": "Acholyte is a wordpress website translated from Figma with Wordpress, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Archived (HTTP only)", | |
| "screenshot": "/projects/project-ss-acholyte.jpg" | |
| }, | |
| { | |
| "websiteName": "Majik", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://majik.bot/", | |
| "figmaLink": "https://www.figma.com/file/Tw5v6IJjUDV0lsSKtMIqRL/BAI-WEBSITE?type=design&mode=design&t=7fpd9NkY58FiyArg-0", | |
| "platformFrameworkBuilder": "Reactjs, TailwindCSS", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/majik-react-vite-tailwind", | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Majik is a web app interface translated from Figma with Reactjs, TailwindCSS to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://new-beea11.webflow.io/", | |
| "figmaLink": "https://www.figma.com/file/KgWZdYT2fOAUa4fQxLNt9Q/Eningo-mockup?type=design&node-id=0-1&mode=design&t=RI0zFRB66LecqBOl-0", | |
| "platformFrameworkBuilder": "Webflow", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website translated from Figma with Webflow to turn the brand into a faster production-ready web presence." | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Software products", | |
| "websiteUrl": null, | |
| "figmaLink": "https://www.figma.com/file/q2J7E2cumcPBquvOx1VZns/BUMPING-SHIP-DASHBOARD?node-id=0%3A1&mode=dev", | |
| "platformFrameworkBuilder": "html,css, bootstrap 5", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/bumping-ship-admin; Live URL removed because the archived site does not provide a valid, secure HTTPS endpoint.", | |
| "date": "2023-12-11", | |
| "dateRaw": "45271.0", | |
| "projectType": "Web app interface", | |
| "description": "Client project is a web app interface translated from Figma with html,css, bootstrap 5 to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Offline (unavailable)" | |
| }, | |
| { | |
| "websiteName": "AppMint Landing Page", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://website-mint-landing-page.vercel.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Reactjs NextJs, TailwindCSS", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/website-mint-landing-page", | |
| "date": "2023-06-09", | |
| "dateRaw": "45086.0", | |
| "projectType": "Web app interface", | |
| "description": "AppMint Landing Page is a web app interface built with Reactjs NextJs, TailwindCSS to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-appmint-landing-page.jpg" | |
| }, | |
| { | |
| "websiteName": "AppMint", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://website-mint.netlify.app/", | |
| "figmaLink": "WebsiteMint Final Development – Figma", | |
| "platformFrameworkBuilder": "Reactjs NextJs, TailwindCSS", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/website-mint", | |
| "date": "2023-07-18", | |
| "dateRaw": "45124.7+", | |
| "projectType": "Web app interface", | |
| "description": "AppMint is a web app interface translated from Figma with Reactjs NextJs, TailwindCSS to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-appmint.jpg" | |
| }, | |
| { | |
| "websiteName": "Gillies Electric", | |
| "categoryNiche": "Construction and home services", | |
| "websiteUrl": "https://www.gillieselectric.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "company": null, | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "dateRaw": null, | |
| "projectType": "Electrical Contractor Website", | |
| "description": "Full-service commercial and residential electrical contractor website built to highlight electrical services, EV charger installations, and compliance solutions for Los Angeles and Ventura Counties.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-gillieselectric.jpg" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Construction and home services", | |
| "websiteUrl": "https://reyesenvironmental.com/", | |
| "figmaLink": "https://www.figma.com/file/ApUGkUHARZCIECySq2HXHm", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": "2024-03-05", | |
| "dateRaw": "45356.0", | |
| "projectType": "WordPress website", | |
| "description": "Client project is a wordpress website translated from Figma with Wordpress, Elementor to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-reyesenvironmental.jpg" | |
| }, | |
| { | |
| "websiteName": "YT Solutions", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://yt-solutions.surge.sh/", | |
| "figmaLink": "https://www.figma.com/file/2B08PEBi2nPfOafiJTcLR5/YT-Solutions?type=design&node-id=0-1&mode=design&t=HRDP9xwdxvOy3SE8-0", | |
| "platformFrameworkBuilder": "html, css", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "YT Solutions is a business website translated from Figma with html, css to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Seshy", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://seshy.surge.sh/", | |
| "figmaLink": "https://www.figma.com/file/mkjBo8GP5AxbGbzw2ifBDY/SESHY-DASHBOARD?type=design&node-id=0-1&mode=design&t=QOLkR9R9RMpGc873-0", | |
| "platformFrameworkBuilder": "Reactjs, Bootstrap", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Seshy is a web app interface translated from Figma with Reactjs, Bootstrap to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-seshy.jpg" | |
| }, | |
| { | |
| "websiteName": "Episcols Admin", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://episcols.surge.sh/", | |
| "figmaLink": "https://www.figma.com/file/mkjBo8GP5AxbGbzw2ifBDY/SESHY-DASHBOARD?type=design&node-id=0-1&mode=design&t=QOLkR9R9RMpGc873-0", | |
| "platformFrameworkBuilder": "Reactjs, Bootstrap", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Episcols Admin is a web app interface translated from Figma with Reactjs, Bootstrap to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Debate Box", | |
| "categoryNiche": "Web interfaces", | |
| "websiteUrl": "https://chatter-react.surge.sh/", | |
| "figmaLink": "ROBLUXGOLD – Figma", | |
| "platformFrameworkBuilder": "Reactjs, Bootstrap", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Frontend build", | |
| "description": "Debate Box is a frontend build translated from Figma with Reactjs, Bootstrap to make the offer easier to scan across devices.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-debate-box.jpg" | |
| }, | |
| { | |
| "websiteName": "Future Pauments Tech", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "Future Pauments Tech", | |
| "figmaLink": "https://www.figma.com/file/917e68s9KO4dBMvHCjlCuT/FUTURE-PAYMENT-%2B-TECH?type=design&node-id=0-1&mode=design&t=BOnWh2Gmnpdn7kTR-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": null, | |
| "date": "2024-03-08", | |
| "dateRaw": "45359.0", | |
| "projectType": "WordPress website", | |
| "description": "Future Pauments Tech is a wordpress website translated from Figma with Wordpress, Elementor to give the client a sharper, easier-to-maintain online presence." | |
| }, | |
| { | |
| "websiteName": "BoatXchange", | |
| "categoryNiche": "Travel and tourism", | |
| "websiteUrl": "No Link", | |
| "figmaLink": "https://www.figma.com/file/5Dik0lUQRMeUghWLVw9v3J/BOATXCHANGE-WEBSITE?type=design&t=QOLkR9R9RMpGc873-6", | |
| "platformFrameworkBuilder": "NextJs, TailwindCSS", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/boat-x-change-Nextjs-tailwindcss", | |
| "date": "2023-11-30", | |
| "dateRaw": "45260.0", | |
| "projectType": "Hospitality website", | |
| "description": "BoatXchange is a hospitality website translated from Figma with NextJs, TailwindCSS to give the client a sharper, easier-to-maintain online presence." | |
| }, | |
| { | |
| "websiteName": "Bunny Mint", | |
| "categoryNiche": "Software products", | |
| "websiteUrl": "https://bunny-mint.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Tailwind, Vuejs", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/bunny-vuejs-front", | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Bunny Mint is a web app interface built with Tailwind, Vuejs to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "RadioLogix", | |
| "categoryNiche": "Health and wellness", | |
| "websiteUrl": "No Link", | |
| "figmaLink": "https://www.figma.com/file/o5jjMhW4LV9iWoFY8kl1WU/Radiologex-Website?node-id=889%3A41&mode=dev", | |
| "platformFrameworkBuilder": "Reactjs, Bootstrap", | |
| "company": "Epicsols", | |
| "client": "Epicsols", | |
| "notes": "https://github.com/epicsols/radiologex", | |
| "date": null, | |
| "projectType": "Healthcare website", | |
| "description": "RadioLogix is a healthcare website translated from Figma with Reactjs, Bootstrap to improve trust, browsing flow, and mobile readability." | |
| }, | |
| { | |
| "websiteName": "Luxury Lagoon Dubai", | |
| "categoryNiche": "Travel and tourism", | |
| "websiteUrl": "https://luxurylagoondubai.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Web app interface", | |
| "description": "Luxury Lagoon Dubai is a web app interface built with Wordpress, Elementor to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "The Royal Pin", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://theroyalpin.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "The Royal Pin is a wordpress website built with Wordpress, Elementor to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-the-royal-pin.jpg" | |
| }, | |
| { | |
| "websiteName": "Danielle Ball Fitness", | |
| "categoryNiche": "Health and wellness", | |
| "websiteUrl": "https://danielleballfitness.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Danielle Ball Fitness is a wordpress website built with Wordpress, Elementor to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Offline (Domain Expired)", | |
| "screenshot": "/projects/project-ss-danielle-ball-fitness.jpg" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Automotive and transport", | |
| "websiteUrl": "https://kargokdelivery-cqxwipnq8r.live-website.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-kargokdelivery-cqxwipnq8r-live-website.jpg" | |
| }, | |
| { | |
| "websiteName": "centaurivision", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://centaurivision.ca/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": "2024-09-27", | |
| "dateRaw": "45562.0", | |
| "projectType": "WordPress website", | |
| "description": "centaurivision is a wordpress website built with Wordpress, Elementor to make key content easier to understand and act on.", | |
| "projectStatus": "Redesigned by Client", | |
| "myRole": "Built the original version of the website.", | |
| "originalStack": [ | |
| "WordPress", | |
| "Elementor" | |
| ], | |
| "screenshot": "/projects/project-ss-centaurivision.jpg" | |
| }, | |
| { | |
| "websiteName": "smartavlasia", | |
| "categoryNiche": "Travel and tourism", | |
| "websiteUrl": "https://smartavlasia.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": "2024-08-15", | |
| "dateRaw": "45519.0", | |
| "projectType": "WordPress website", | |
| "description": "smartavlasia is a wordpress website built with Wordpress, Elementor to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-smartavlasia.jpg" | |
| }, | |
| { | |
| "websiteName": "robertw264", | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://robertw264.sg-host.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": "2024-09-02", | |
| "dateRaw": "45537.0", | |
| "projectType": "WordPress website", | |
| "description": "robertw264 is a wordpress website built with Wordpress, Elementor to improve trust, browsing flow, and mobile readability.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "thaivisaexpert", | |
| "categoryNiche": "Travel and tourism", | |
| "websiteUrl": "https://thaivisaexpert.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": "2024-09-02", | |
| "dateRaw": "45537.0", | |
| "projectType": "Web app interface", | |
| "description": "thaivisaexpert is a web app interface built with Wordpress, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-thaivisaexpert.jpg" | |
| }, | |
| { | |
| "websiteName": "https://withdmtech.com/", | |
| "categoryNiche": "Business services", | |
| "websiteUrl": null, | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": "https://www.figma.com/file/Yq5JNG1fDQO3F0c59HeZuv/Datumine?node-id=205%3A154&mode=dev", | |
| "projectType": "Business website", | |
| "description": "https://withdmtech.com/ is a business website built with a practical web stack to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": null, | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": "https://www.figma.com/file/BNc23EWaeqeFUbQRxB65L1/Proimagingservices?node-id=0%3A1&mode=dev", | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to give the client a sharper, easier-to-maintain online presence." | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Business services", | |
| "websiteUrl": "https://mc-servers.de/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to improve trust, browsing flow, and mobile readability." | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": null, | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": "Live URL removed because the archived site does not provide a valid, secure HTTPS endpoint.", | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Construction and home services", | |
| "websiteUrl": "https://tallerpr.pixelprosai.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": null, | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "Business website", | |
| "description": "Client project is a business website built with a practical web stack to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "Nova Crystal Line", | |
| "categoryNiche": "Real Estate", | |
| "websiteUrl": "https://nclrealestate.com", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "WordPress / Custom Frontend", | |
| "company": null, | |
| "client": "Inshad Bajwa (UAE)", | |
| "notes": "Real estate marketing website focused on property presentation and inquiry flow.", | |
| "date": null, | |
| "projectType": "Real estate website", | |
| "description": "NCL Real Estate is a lead-focused real estate website built to present listings and services clearly while improving trust, usability, and inquiry conversion.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-nclrealestate.jpg" | |
| }, | |
| { | |
| "websiteName": "ExploreAsia", | |
| "categoryNiche": "Travel and tourism", | |
| "websiteUrl": "https://robertw274.sg-host.com/", | |
| "figmaLink": "https://www.figma.com/design/Hw0y4WjPWkQ1B2gwIOOy8M/XploreAsia?node-id=58-3050&node-type=frame&t=OFCEDTyihakPUJqb-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "ExploreAsia is a wordpress website translated from Figma with Wordpress, Elementor to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "TallerPR", | |
| "categoryNiche": "Construction and home services", | |
| "websiteUrl": "https://tallerpr.com/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "Guloona Imtiaz", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Guloona" | |
| }, | |
| "projectType": "WordPress website", | |
| "description": "TallerPR is a wordpress website built with Wordpress, Elementor to give the client a sharper, easier-to-maintain online presence." | |
| }, | |
| { | |
| "websiteName": "mundotallerpr", | |
| "categoryNiche": "Construction and home services", | |
| "websiteUrl": "https://mundotallerpr.com/", | |
| "figmaLink": "https://www.figma.com/design/d0dzOeCcqjB9XIBGRlZcsc/Project-277---MundoTaller?node-id=92-32&t=LHUMWCY0FhfiUOmp-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "Guloona Imtiaz", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Guloona" | |
| }, | |
| "projectType": "WordPress website", | |
| "description": "mundotallerpr is a wordpress website translated from Figma with Wordpress, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "Llavedigital", | |
| "categoryNiche": "Marketing and digital services", | |
| "websiteUrl": "https://mundotaller.pixelprosai.com", | |
| "figmaLink": "https://www.figma.com/design/4mq3m6YQE63sSg1C1ooJsS/LlaveDigital-(with-p)?node-id=16-11&t=t4BIUBvXpusj7uoO-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "Guloona Imtiaz", | |
| "notes": null, | |
| "date": null, | |
| "extra": { | |
| "client2": "Guloona" | |
| }, | |
| "projectType": "WordPress website", | |
| "description": "Llavedigital is a wordpress website translated from Figma with Wordpress, Elementor to turn the brand into a faster production-ready web presence.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": "Guaranteed Grades", | |
| "categoryNiche": "Education and learning", | |
| "websiteUrl": "https://guaranteedgrades.net/", | |
| "figmaLink": "https://www.figma.com/design/GbZDZG7jXK1JrHOn84mdjZ/Guaranteed-Grades?node-id=62-260&m=dev", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "Waleed Khan", | |
| "notes": null, | |
| "date": "2025-02-25", | |
| "dateRaw": "45713.0", | |
| "extra": { | |
| "client2": "Waleed" | |
| }, | |
| "projectType": "WordPress website", | |
| "description": "Guaranteed Grades is a wordpress website translated from Figma with Wordpress, Elementor to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)", | |
| "screenshot": "/projects/project-ss-guaranteed-grades.jpg" | |
| }, | |
| { | |
| "websiteName": "PMS", | |
| "categoryNiche": "Education and learning", | |
| "websiteUrl": "https://pms-study.com/", | |
| "figmaLink": "https://www.figma.com/design/qiHBZQGpi0VPV6fo5Ls07Z/Phelan-McDermid-(Copy)?node-id=2844-5957&t=Af9KV8DglSpZRy8z-0", | |
| "platformFrameworkBuilder": "Wordpress, Elementor", | |
| "client": "Guloona Imtiaz", | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "PMS is a wordpress website translated from Figma with Wordpress, Elementor to support lead generation with a cleaner user journey.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "LP Video Site", | |
| "categoryNiche": "Product marketing", | |
| "websiteUrl": "https://lp-video-site.surge.sh/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "HTML, CSS, Bootstrap", | |
| "client": "Learning Project", | |
| "notes": "https://github.com/ayoubkhan558/LP-Video-Website-Frontend/tags", | |
| "date": null, | |
| "projectType": "Landing page", | |
| "description": "LP Video Site is a landing page built with HTML, CSS, Bootstrap to ship a focused front-end experience from design to launch.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "dongolthedev", | |
| "categoryNiche": "Personal portfolios", | |
| "websiteUrl": null, | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": "Omar - Egypt", | |
| "notes": "Live URL removed because the archived site does not provide a valid, secure HTTPS endpoint.", | |
| "date": "2025-07-18", | |
| "dateRaw": "45856.0", | |
| "projectType": "WordPress website", | |
| "description": "dongolthedev is a wordpress website built with Bricks Page Builder to present services clearly and convert qualified visitors.", | |
| "projectStatus": "Offline (Domain Expired)" | |
| }, | |
| { | |
| "websiteName": null, | |
| "categoryNiche": "Professional services", | |
| "websiteUrl": "https://web-metix.com/", | |
| "figmaLink": "WORK IN PROGRESS", | |
| "platformFrameworkBuilder": "Bricks Page Builder", | |
| "client": null, | |
| "notes": null, | |
| "date": null, | |
| "projectType": "WordPress website", | |
| "description": "Client project is a wordpress website translated from Figma with Bricks Page Builder to give the client a sharper, easier-to-maintain online presence.", | |
| "projectStatus": "Live" | |
| }, | |
| { | |
| "websiteName": "Clampy", | |
| "categoryNiche": "Developer tools and responsive design", | |
| "websiteUrl": "https://clampy.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "React.js", | |
| "client": null, | |
| "notes": "Personal project: fluid CSS clamp() generator for responsive typography and spacing.", | |
| "date": null, | |
| "projectType": "CSS developer tool", | |
| "description": "A React.js tool that generates fluid CSS clamp() values for scalable, viewport-responsive typography and spacing.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-clampy.jpg" | |
| }, | |
| { | |
| "websiteName": "Resumify", | |
| "categoryNiche": "Career tools and resume building", | |
| "websiteUrl": "https://resumify-pro.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "Vue.js", | |
| "client": null, | |
| "notes": "Personal project: a local-first resume builder with multiple designs, rich-text custom sections, and persistent light and dark modes.", | |
| "date": null, | |
| "projectType": "Web application", | |
| "description": "A Vue.js resume builder for creating and managing professional CVs with customizable templates, live previews, content-based completion tracking, WYSIWYG custom sections, PDF and DOCX exports, and local backup and restore.", | |
| "projectStatus": "Live", | |
| "screenshot": "/react-projects/project-ss-resumify.png" | |
| }, | |
| { | |
| "websiteName": "Brickify", | |
| "categoryNiche": "Developer tools and Bricks Builder", | |
| "websiteUrl": "https://brickify.netlify.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "React.js", | |
| "client": null, | |
| "notes": "Personal project: custom AI-assisted workflow tool for Bricks Builder.", | |
| "date": null, | |
| "projectType": "Developer tool", | |
| "description": "A React.js developer tool that converts HTML, CSS, and JavaScript into Bricks Builder JSON, supporting modern Flexbox and CSS Grid layouts and pseudo-classes.", | |
| "projectStatus": "Live", | |
| "screenshot": "/projects/project-ss-brickify.jpg" | |
| }, | |
| { | |
| "websiteName": "Mockify", | |
| "categoryNiche": "Developer tools and product mockups", | |
| "websiteUrl": "https://mockify-alpha.vercel.app/", | |
| "figmaLink": null, | |
| "platformFrameworkBuilder": "React.js", | |
| "client": null, | |
| "notes": "Personal project: website mockup generator for portfolios, proposals, and product previews.", | |
| "date": null, | |
| "projectType": "Developer tool", | |
| "description": "Website mockup generator that captures desktop, tablet, and mobile screenshots onto a single canvas with customizable frames and transparent export.", | |
| "projectStatus": "Live", | |
| "screenshot": "/react-projects/project-ss-mockify.jpg" | |
| } | |
| ] | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "html": { | |
| "name": "HTML", | |
| "categories": ["frontend"], | |
| "logo": "/tools/html-5.svg", | |
| "description": "Semantic HTML structure for accessible and well-organized websites." | |
| }, | |
| "css": { | |
| "name": "CSS", | |
| "categories": ["frontend"], | |
| "logo": "/tools/css-3.svg", | |
| "description": "Responsive CSS styling for modern layouts and polished interfaces." | |
| }, | |
| "javascript": { | |
| "name": "JavaScript", | |
| "categories": ["frontend", "javascript"], | |
| "logo": "/tools/javascript.svg", | |
| "description": "Interactive JavaScript functionality for dynamic user experiences." | |
| }, | |
| "typescript": { | |
| "name": "TypeScript", | |
| "categories": ["frontend", "javascript"], | |
| "logo": "/tools/TypeScript.svg", | |
| "description": "Typed JavaScript development for scalable and maintainable applications." | |
| }, | |
| "figma": { | |
| "name": "Figma", | |
| "categories": ["frontend"], | |
| "logo": "/tools/figma.svg", | |
| "description": "Collaborative interface design for efficient developer handoff workflows." | |
| }, | |
| "nextjs": { | |
| "name": "Next.js", | |
| "categories": ["frontend", "javascript"], | |
| "logo": "/tools/nextjs.svg", | |
| "description": "React framework for fast, scalable production web applications." | |
| }, | |
| "graphql": { | |
| "name": "GraphQL", | |
| "categories": ["frontend"], | |
| "logo": "/tools/graphql.svg", | |
| "description": "Query language for APIs and a runtime for executing those queries ." | |
| }, | |
| "redux": { | |
| "name": "Redux", | |
| "categories": ["frontend", "javascript"], | |
| "logo": "/tools/Redux.svg", | |
| "description": "Centralized state management for complex React applications." | |
| }, | |
| "material-ui": { | |
| "name": "Material UI", | |
| "categories": ["frontend"], | |
| "logo": "/tools/Material-UI.svg", | |
| "description": "React component library for consistent and scalable user interfaces." | |
| }, | |
| "bootstrap": { | |
| "name": "Bootstrap", | |
| "categories": ["frontend"], | |
| "logo": "/tools/bootstrap.svg", | |
| "description": "Responsive CSS framework for fast and consistent interface development." | |
| }, | |
| "bulma": { | |
| "name": "Bulma", | |
| "categories": ["frontend"], | |
| "logo": "/tools/Bulma.svg", | |
| "description": "Lightweight CSS framework for responsive and modern website layouts." | |
| }, | |
| "tailwind": { | |
| "name": "Tailwind CSS", | |
| "categories": ["frontend"], | |
| "logo": "/tools/tailwind.svg", | |
| "description": "Utility-first CSS framework for fast custom interface development." | |
| }, | |
| "gsap": { | |
| "name": "GSAP", | |
| "categories": ["frontend"], | |
| "logo": "/tools/gsap.svg", | |
| "description": "JavaScript animation library for smooth interactive web experiences." | |
| }, | |
| "swiperjs": { | |
| "name": "Swiper", | |
| "logo": "/tools/swiper-logo.svg", | |
| "description": "Touch-friendly slider library for responsive content and galleries." | |
| }, | |
| "accessibility": { | |
| "name": "Accessibility", | |
| "logo": "/tools/accessibility.svg", | |
| "description": "Web accessibility best practices for inclusive and usable digital experiences." | |
| }, | |
| "php": { | |
| "name": "PHP Templates", | |
| "logo": "/tools/php.svg", | |
| "description": "Custom WordPress templates with scalable PHP theme architecture." | |
| }, | |
| "rest-api": { | |
| "name": "REST API Patterns", | |
| "logo": null, | |
| "description": "Scalable REST API integration for dynamic website data handling." | |
| }, | |
| "plyr": { | |
| "name": "Plyr", | |
| "logo": "/tools/plyr-io-logo.png", | |
| "description": "Accessible media player for modern video and audio experiences." | |
| }, | |
| "scrollreveal": { | |
| "name": "ScrollReveal", | |
| "logo": "/tools/scrollreveal.svg", | |
| "description": "Scroll animation library for engaging page reveal effects." | |
| }, | |
| "jquery": { | |
| "name": "jQuery", | |
| "logo": "/tools/jquery-icon.svg", | |
| "description": "JavaScript library for simplified DOM manipulation and event handling." | |
| }, | |
| "postcss": { | |
| "name": "PostCSS", | |
| "logo": "/tools/PostCSS.svg", | |
| "description": "CSS processing tool for modern frontend development workflows." | |
| }, | |
| "sass": { | |
| "name": "Sass", | |
| "logo": "/tools/sass.svg", | |
| "description": "CSS preprocessor for scalable and maintainable stylesheet development." | |
| }, | |
| "shopify": { | |
| "name": "Shopify", | |
| "logo": "/tools/shopify.svg", | |
| "description": "eCommerce platform for customizable online stores and product management." | |
| }, | |
| "webflow": { | |
| "name": "Webflow", | |
| "logo": "/tools/webflow-icon.svg", | |
| "description": "Visual website builder for responsive marketing and business websites." | |
| }, | |
| "vite": { | |
| "name": "Vite", | |
| "logo": "/tools/vitejs.svg", | |
| "description": "Modern build tool for fast frontend development and testing." | |
| }, | |
| "vercel": { | |
| "name": "Vercel", | |
| "logo": "/tools/vercel-logo.svg", | |
| "description": "Cloud deployment platform for modern frontend and Next.js applications." | |
| }, | |
| "git": { | |
| "name": "Git", | |
| "logo": "/tools/git-logo.svg", | |
| "description": "Version control system for collaborative software development workflows." | |
| }, | |
| "npm": { | |
| "name": "NPM", | |
| "logo": "/tools/NPM.svg", | |
| "description": "JavaScript package manager for efficient dependency and script management." | |
| }, | |
| "postman": { | |
| "name": "Postman", | |
| "logo": "/tools/Postman.svg", | |
| "description": "API development platform for testing and debugging web services." | |
| }, | |
| "json": { | |
| "name": "JSON", | |
| "logo": "/tools/JSON.svg", | |
| "description": "Lightweight data format for APIs and application configuration files." | |
| }, | |
| "seo": { | |
| "name": "SEO", | |
| "logo": "/tools/seo-2.png", | |
| "description": "Search engine optimization practices for improving website visibility and ranking." | |
| }, | |
| "rank-math": { | |
| "name": "Rank Math", | |
| "categories": ["seo"], | |
| "logo": "/tools/rankmath.png", | |
| "description": "WordPress SEO plugin for technical setup, structured data, and on-page optimization." | |
| }, | |
| "yoast-seo": { | |
| "name": "Yoast SEO", | |
| "categories": ["seo"], | |
| "logo": "/tools/yoast-seo.png", | |
| "description": "WordPress SEO plugin for content optimization, metadata, and search readability." | |
| }, | |
| "vs-code": { | |
| "name": "VS Code", | |
| "logo": "/tools/vs-code.svg", | |
| "description": "Code editor for efficient software development and debugging workflows." | |
| }, | |
| "mysql": { | |
| "name": "MySQL", | |
| "logo": "/tools/mysql.svg", | |
| "description": "Relational database for scalable website and application data storage." | |
| }, | |
| "phpmyadmin": { | |
| "name": "phpMyAdmin", | |
| "logo": "/tools/phpmyadmin.svg", | |
| "description": "Web-based MySQL administration for efficient database management tasks." | |
| }, | |
| "admin-columns-pro": { | |
| "name": "Admin Columns Pro", | |
| "logo": "/tools/admin-columns-pro.png", | |
| "description": "Advanced WordPress admin columns for efficient content management workflows." | |
| }, | |
| "chaty": { | |
| "name": "Chaty", | |
| "logo": "/tools/chaty.gif", | |
| "description": "Multi-channel chat widget for seamless customer communication and support." | |
| }, | |
| "litespeed-cache": { | |
| "name": "LiteSpeed Cache", | |
| "logo": "/tools/litespeed-cache.png", | |
| "description": "WordPress caching plugin for faster performance and Core Web Vitals." | |
| }, | |
| "meta-pixel": { | |
| "name": "Meta Pixel", | |
| "logo": "/tools/meta-pixel.svg", | |
| "description": "Conversion tracking for Meta Ads and website visitor analytics." | |
| }, | |
| "microsoft-clarity": { | |
| "name": "Microsoft Clarity", | |
| "logo": "/tools/microsoft-clarity.png", | |
| "description": "User behavior analytics with heatmaps, recordings, and engagement insights." | |
| }, | |
| "bricks-builder": { | |
| "name": "Bricks Builder", | |
| "logo": "/tools/bricks-logo.svg", | |
| "description": "Visual WordPress builder for fast custom layouts and design." | |
| }, | |
| "advanced-custom-fields": { | |
| "name": "Advanced Custom Fields", | |
| "logo": "/tools/acf.svg", | |
| "description": "Structured WordPress fields for flexible editable website content." | |
| }, | |
| "slim-seo": { | |
| "name": "Slim SEO", | |
| "logo": "/tools/slim-seo.svg", | |
| "description": "Lightweight WordPress SEO for strong technical site optimization." | |
| }, | |
| "seopress": { | |
| "name": "SEOPress", | |
| "logo": "/tools/slim-seo.svg", | |
| "description": "Complete WordPress SEO for metadata, indexing, and optimization." | |
| }, | |
| "fluent-smtp": { | |
| "name": "FluentSMTP", | |
| "logo": "/tools/fluent-smtp-logo.svg", | |
| "description": "Reliable WordPress email delivery for forms and notifications." | |
| }, | |
| "google-site-kit": { | |
| "name": "Google Site Kit", | |
| "logo": "/tools/google-search-console.svg", | |
| "description": "Google insights for Search Console, Analytics, and performance data." | |
| }, | |
| "happyfiles": { | |
| "name": "HappyFiles", | |
| "logo": "/tools/happyfiles-logo.svg", | |
| "description": "WordPress media organization for cleaner file management workflows." | |
| }, | |
| "happyfiles-pro": { | |
| "name": "HappyFiles Pro", | |
| "logo": "/tools/happyfiles-logo.svg", | |
| "description": "Advanced WordPress media organization for large content libraries." | |
| }, | |
| "wpc-admin-columns": { | |
| "name": "Admin Columns", | |
| "logo": null, | |
| "description": "Custom WordPress admin columns for efficient content management." | |
| }, | |
| "wordpress": { | |
| "name": "WordPress CMS", | |
| "logo": "/tools/wordpress.svg", | |
| "description": "Flexible content management for scalable business websites." | |
| }, | |
| "woocommerce": { | |
| "name": "WooCommerce", | |
| "logo": "/tools/woocommerce.svg", | |
| "description": "Complete eCommerce solution for WordPress stores and online sales." | |
| }, | |
| "elementor": { | |
| "name": "Elementor Pro", | |
| "logo": "/tools/elementor.svg", | |
| "description": "Visual WordPress builder for responsive custom page layouts." | |
| }, | |
| "performance-qa": { | |
| "name": "Performance QA", | |
| "logo": null, | |
| "description": "Performance testing for responsive layouts and smooth user interactions." | |
| }, | |
| "pinterest-api": { | |
| "name": "Pinterest API Positioning", | |
| "logo": "/tools/pinterest.svg", | |
| "description": "Pinterest integration strategy for automated marketing and content workflows." | |
| }, | |
| "whatsapp-flow": { | |
| "name": "WhatsApp Flow", | |
| "logo": "/tools/whatsapp.svg", | |
| "description": "WhatsApp lead generation for seamless customer communication workflows." | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment