Available for remote work

I design the site,then I build it.

Web designer and developer in Lahore, working worldwide. Figma layout to live WordPress build, on my own, end to end.

Crypto Clippers homepage with platform icons set inside the headline over a dark green hero.
ElectriCalcs homepage with a live voltage drop chart reading 19 feet and 0.3 percent.
8production sites, designed and built
26client-side calculators across two platforms
2+years doing design and build together

Selected work

Every site below is live, and I built all of it.

No mockups and no team credits to untangle. Layout in Figma, build in WordPress with hand written scoped CSS, and real code wherever the page builder could not do the job.

Crypto Clippers homepage with platform icons set inside the headline over a dark green hero.

Crypto / cryptoclippers.com

Crypto Clippers

One long page would have buried every vertical under the same pitch. I built a siloed page matrix instead: six vertical pages, five platform pages, each with its own case study and FAQ, all routing into a single booking funnel. Adding a vertical means adding a page, not rewriting the site.

Information architectureComponent reuseScoped CSSFigma
Visit the site
Music Clipping Agency homepage with green audio artwork behind large display type.

Music / musicclippingagency.com

Music Clipping Agency

The most build heavy site of the set. Animated data blocks, a campaign results bubble chart and a clip cohort diagram, plus a three way comparison table and booking funnel. The hard part was not drawing them, it was keeping every one readable from wide desktop down to a small phone.

Data visualsScroll animationResponsive chartsElementor
Visit the site
Casino UGC homepage reading Guaranteed Views For Casino and iGaming Brands.

casinougc.com

Casino UGC

The homepage needed a layout Elementor could not produce, so I wrote a custom WordPress plugin for that front end instead of bending the design to fit the tool.

Custom WP pluginPHPComparison table
Visit the site
ElectriCalcs homepage with a live voltage drop chart reading 19 feet and 0.3 percent.

electricalcalcs.online

ElectriCalcs

Eleven NEC referenced calculators. Every result shows the formula it used and cites the article behind it, because an electrician has to defend the number to an inspector.

JavaScriptClient-side mathsInput validation
Visit the site
Casino Clipping Agency homepage with gold chips and a green gradient hero.

casinoclippingagency.com

Casino Clipping Agency

iGaming, where compliance shapes the layout as much as the design does. Vertical and platform page matrix, live metrics block and a single booking funnel.

Conversion modulesCompliance constraintsScoped CSS
Visit the site
BuildCalc Pro with a worked example chip and category pills for concrete, gravel, mulch and tile.

buildcalcpro.online

BuildCalc Pro

Fifteen material calculators. Waste factor and regional rates are inputs you can see and change, not constants buried in the code, so the estimate can be argued with.

JavaScriptUnit conversionWordPress
Visit the site
Crypto UGC homepage with a green and white split headline over a dark starfield.

cryptougc.co

Crypto UGC

A custom classed hero built on hand written CSS inside Elementor, so the section behaves like code rather than a stack of builder widgets.

Hand-written CSSElementorCarousels
Visit the site
Ecommerce UGC Agency homepage with a rating chip and two call to action buttons.

ecomugc.co

Ecom UGC

Client logo bar, ratings block and a dual conversion path: a booking widget for people ready to talk, a contact form for people who are not there yet.

Lead captureSocial proofFigma
Visit the site

The same four decisions on every project.

They are why the sites stay fast and why a change request takes an hour instead of a day.

Design it before building it

Layout goes into Figma first, at real breakpoints. What goes live is what was designed, not whatever the page builder happened to allow on the day.

Write the CSS by hand, scoped

Sections get their own classes and their own rules. The markup stays predictable and nothing turns into a specificity war with builder styles.

Drop to real code where the builder stops

A page builder handles about 90 percent of a homepage well. For the last 10 percent I write the plugin or the front end myself, rather than changing the design to fit the tool.

Build components once, reuse them

Booking funnel, comparison table, carousels, FAQ accordion and lead forms are one component system re-skinned across six verticals. New sites take days instead of weeks.

What I actually work in.

Design

FigmaWireframingLanding page designComponent systemsUI design

Build

HTML5CSS3JavaScriptWordPressElementorCustom WP pluginsWooCommerce

Quality

Responsive layoutCross-browser testingCore Web VitalsOn-page SEOAccessibility basics

This page is part of the answer too. One HTML file, no framework, no web fonts, no build step, no third party requests. Every image is served as WebP with a JPEG fallback and reserved space so nothing shifts while it loads. Read the source.

Got a design that needs building properly?

Open to remote roles and freelance projects. If you have a WordPress site that fights you every time you change it, send that over too.

hassanraza77450@gmail.com