I turn Figma designs into responsive websites

Portfolio

Front-end & WordPress

Let's Grow Gdańsk

Front-end coding from graphic design for an event organized by Semcore agency – responsive HTML/CSS page with GSAP animations.

Technologies: HTML/CSS, JavaScript, GSAP, Pixel Perfect

Let's Grow Gdańsk

Front-end for a marketing event – responsive, performant, clean code.

Brief

A landing page built for a marketing event organised by Semcore agency in Gdańsk. The goal was a modern, dynamic page showcasing the Growth Mindset community and promoting the event.

The site had to be fully responsive, lightweight and fast, with an accurate reproduction of the graphic design and excellent readability on mobile devices.

My role

  • Pixel Perfect front-end coding from graphic design
  • GSAP scroll animations and interactive elements
  • Full responsiveness – mobile, tablet, desktop
  • Performance optimisation and clean code structure

Result

A modern, dynamic landing page that effectively supports event communication and builds a professional image for the organiser. Fast, lightweight and ready for further development.

Marketing Opanowany

Full-scope project: coding from Figma design and WordPress implementation with ACF and custom theme.

Technologies: WordPress, ACF, Figma, JavaScript, HTML/CSS

Marketing Opanowany

Front-end & WordPress implementation – SEO, WCAG, animations.

Brief

The client needed a modern, responsive front-end for their marketing platform. The site had to be fast, SEO-friendly, WCAG-compliant and easy to manage inside WordPress.

My role

  • Pixel Perfect front-end coding from Figma design
  • WordPress theme implementation (ACF, Custom Post Types)
  • SEO optimisation & accessibility (WCAG 2.1)
  • Full responsiveness across all devices

DomLux

Pixel Perfect front-end – coding a graphic design for a luxury furniture manufacturer. WordPress implementation with attention to every detail.

Technologies: HTML/CSS, Pixel Perfect, JavaScript, WordPress

DomLux

Premium brand front-end – Pixel Perfect, aesthetics, performance.

Brief

A website for a luxury furniture manufacturer required a precise reproduction of the graphic design with a strong emphasis on aesthetics, minimalism and visual details that reflect the premium nature of the brand.

Maintaining high visual quality, smooth transitions and full responsiveness were critical – especially for photo presentation and layout composition across different screen sizes.

My role

  • Pixel Perfect front-end coding from graphic design
  • Full responsiveness – mobile, tablet, desktop, large screens
  • Typography refinement and layout proportions
  • Subtle animations and interaction effects
  • Image optimisation and loading performance
  • Semantic HTML and organised CSS architecture

Result

An elegant, lightweight and visually polished website that highlights the exclusive character of the brand and the quality of its products.

Delivered with great attention to detail and clean code, ensuring stability and readiness for further development.

Karlex

PSD to HTML/CSS coding – converting graphic design templates to semantic, Pixel Perfect HTML for a consulting firm.

Technologies: HTML/CSS, Pixel Perfect, JavaScript

Karlex

Front-end for a consulting firm – Pixel Perfect, clean layout, responsiveness.

Brief

A website for a consulting company required coding a modern, clear layout from a graphic design. The key requirement was faithful reproduction of the visual composition while maintaining a professional look that reinforces credibility and the firm's expertise.

The site needed to be fully responsive, readable on all devices and optimised for performance and clean code structure to allow easy future expansion and CMS integration.

My role

  • Pixel Perfect front-end coding from graphic design
  • Section layout and typography reproduced to spec
  • Full responsiveness – mobile, tablet, desktop
  • HTML and CSS structure optimisation
  • Code prepared for CMS integration

Result

A clear, professional website that effectively presents the consulting firm's offer and builds trust with potential clients.

Delivered with a focus on aesthetics, code cleanliness and a flexible front-end architecture, making the project easy to extend and integrate with further functionality.

4pharma

Front-end coding with GSAP animations and parallax effect for a digital advisory agency – dynamic, responsive HTML page.

Technologies: HTML/CSS, GSAP, JavaScript, Parallax

4pharma

Front-end for a pharma digital agency – animations, parallax, Pixel Perfect.

Brief

A website for a digital advisory agency specialising in the pharmaceutical sector required a modern, dynamic front-end that would reflect the brand's innovative character and expertise in the medical and pharma market.

A smooth user experience with parallax effects and scroll animations was key to enrich content presentation and give the site a contemporary feel – all while maintaining performance and a clean, extensible codebase.

My role

  • Pixel Perfect front-end coding from graphic design
  • Parallax effects and scroll-triggered animations
  • Dynamic sections showcasing services and competencies
  • Full responsiveness – mobile, tablet, desktop
  • Animation performance optimisation
  • Semantic HTML and organised CSS

Result

A modern, dynamic website that attractively presents the competencies of a company operating in the pharmaceutical and technology sectors.

Parallax effects and scroll animations deliver a smooth and engaging experience, while the clean code structure allows for further development and integration of new features.

MFD

Front-end coding and WordPress implementation for a railway fleet startup. GSAP animations, semantic SEO-optimized code.

Technologies: WordPress, GSAP, HTML/CSS, JavaScript

MFD

Front-end & WordPress for a tech startup – GSAP animations, responsiveness.

Brief

A website for a startup operating in the railway wagon sector required a modern, dynamic presentation of the company's technological profile. The graphic design had to be coded precisely and implemented in WordPress so the client's team can manage content independently.

The site needed to stand out visually through animations and smooth section transitions, while maintaining high performance, full responsiveness and a clean code structure.

My role

  • Pixel Perfect front-end coding from graphic design
  • WordPress theme implementation
  • GSAP animations and interactive transitions
  • Dynamic sections presenting the company's offer and technology
  • Full responsiveness – mobile, tablet, desktop
  • Performance optimisation and clean HTML/CSS/JS architecture

Result

A modern, dynamic website that attractively presents the startup's activity and its innovative approach to the railway industry.

GSAP animations and a polished front-end deliver a smooth, engaging user experience, while the WordPress implementation keeps content management straightforward for the client's team.

FlowAir

Pixel Perfect front-end – coding a design with time-lapse video, parallax effect and custom gallery. GSAP animations, responsive HTML.

Technologies: HTML/CSS, GSAP, JavaScript, Pixel Perfect

FlowAir

Product page front-end – animations, parallax and interactive gallery.

Brief

The site was built as a dynamic presentation of the FlowAir SLIM air curtain product. The goal was a modern, engaging page that attractively communicates the device's functionality and real-world applications.

Multimedia elements – time-lapse videos, scroll animations and a parallax effect – were key to visually supporting the product communication. High performance and smooth operation across all devices were equally important.

My role

  • Pixel Perfect front-end coding from graphic design
  • Parallax effects and scroll-triggered animations
  • Time-lapse video integration showcasing the product in action
  • Custom interactive gallery script
  • Multimedia performance optimisation
  • Full responsiveness – mobile, tablet, desktop

Result

A modern product page that dynamically and attractively presents the FlowAir SLIM air curtain. Animations, parallax and video content help users better understand the product's functionality.

The project combines an accurate reproduction of the graphic design with an interactive front-end and optimised performance – working smoothly on both desktop and mobile.

Leasingujesz

HTML CSS layout coding from graphic design for a leasing comparison portal. Pixel Perfect, responsive web design.

Technologies: HTML/CSS, Pixel Perfect, JavaScript

Leasingujesz

Front-end for a financial portal – leasing offer comparison platform.

Brief

The project involved building a modern, clear front-end for a portal that lets users compare leasing offers from multiple financial institutions. The site needed to present a large amount of information clearly and make it easy to quickly compare available financing options.

Accurate reproduction of the graphic design and a clean layout structure were key, along with preparing a front-end ready for further expansion with new features and financial system integrations.

My role

  • Pixel Perfect front-end coding from graphic design
  • Portal layout with leasing offer presentation sections
  • Offer comparison and financial data display sections
  • Full responsiveness – mobile, tablet, desktop
  • HTML and CSS structure optimisation for clarity and performance
  • Code prepared for future portal feature expansion

Result

A clear and functional financial portal front-end that lets users easily compare leasing offers and quickly find the best financing solution.

The site structure was designed for clear data presentation and the ability to expand with additional sections, integrations and features.

FT Fund

Coding and WordPress implementation of a landing page for a loan company – custom theme, semantic HTML, responsive website.

Technologies: WordPress, HTML/CSS

FT Fund

Front-end & WordPress implementation for a financial company landing page.

Brief

The project involved creating a modern landing page for a company operating in the financial sector. The site needed to present the loan offer clearly and guide users through the key information about the financial product.

Accurate reproduction of the graphic design and WordPress implementation were essential – allowing the client to manage content independently and expand the site in the future. SEO optimisation and correct code structure were also important requirements.

My role

  • Pixel Perfect front-end coding from graphic design
  • WordPress theme implementation
  • Landing page structure presenting the financial offer
  • HTML structure optimisation for SEO
  • Full responsiveness – mobile, tablet, desktop
  • Clean code prepared for further development

Result

A clear, modern landing page that effectively presents the financial company's offer and guides users through each section of the site.

The WordPress implementation allows the client's team to manage and expand the site easily, while the optimised code structure supports good search engine visibility.

126 marek

Front-end coding from graphic design – semantic HTML/CSS with GSAP animations. Pixel Perfect, responsive implementation for Engram agency.

Technologies: HTML/CSS, Pixel Perfect, JavaScript, GSAP

126 marek

Semantic front-end & animations for a brand showcase platform.

Brief

The project involved coding a website that presents a wide variety of brands in a clear and modern visual form. A key requirement was a semantic HTML structure ensuring good code readability, correct search engine indexing and ease of future development.

Subtle animations were also an important part of the implementation – enriching user interactions and giving the site a dynamic character while maintaining high performance.

My role

  • Pixel Perfect front-end coding from graphic design
  • Semantic HTML structure
  • GSAP animations and interaction effects
  • SEO-oriented code structure
  • Full responsiveness – mobile, tablet, desktop
  • Clean and well-organised HTML, CSS and JavaScript architecture

Result

A modern, lightweight front-end that presents brands in an attractive visual form while maintaining structural clarity and high performance.

Thanks to semantic code and a well-organised architecture, the site is easy to extend further and integrate with CMS systems or additional functionality.

Metoda Tęczówki

Front-end coding with GSAP animations – award-winning project honored by CSS Awards. Interactive UX, modern CSS and JavaScript animations.

Technologies: HTML/CSS, GSAP, JavaScript, CSS Awards

Metoda Tęczówki

Advanced front-end animations – CSS Awards distinction.

Brief

The project required a modern website in which the visual layer and user interactions played the central role. The layout needed a very precise reproduction of the graphic design and dynamic animations that reinforce the character of the site.

Combining the design's aesthetics with high front-end performance was essential. The site needed to run smoothly across devices and browsers while remaining lightweight and clean in its code.

My role

  • Pixel Perfect front-end coding from graphic design
  • GSAP animations and user interaction effects
  • Animation smoothness and performance optimisation
  • Semantic HTML structure
  • Full responsiveness – mobile, tablet, desktop
  • Clean and well-structured CSS and JavaScript

Result

A modern, dynamic website in which animations are an integral part of the user experience and reflect the character of the project.

The quality of execution and polished visual effects were recognised by the industry – the project received a distinction from CSS Awards, one of the most recognised competitions for websites.

LTL / Biobank

Figma to WordPress coding – implementation of two graphic designs as responsive WordPress sites with ACF and GSAP animations.

Technologies: WordPress, HTML/CSS, JavaScript, GSAP, ACF

LTL / Biobank

Front-end coding & WordPress implementation for two graphic designs.

Brief

The LTL Biobank projects required coding modern, responsive interfaces from supplied graphic designs and implementing them as WordPress themes. The sites needed to be readable, fast and accessible on all devices, while allowing easy content management by the administrator.

My role

I was responsible for the front-end layer and WordPress implementation. I collaborated with the design team to ensure faithful layout reproduction and high code quality.

  • Pixel Perfect front-end coding from graphic designs
  • Semantic HTML and organised CSS structure
  • WordPress themes with editable content areas (ACF)
  • GSAP animations and interactive interface elements
  • Full responsiveness – mobile, tablet, desktop
  • Performance optimisation and clean code

Quar Studio

Coding and WordPress implementation – portfolio website for a UX/UI graphic designer. Custom WordPress theme, Pixel Perfect responsive design.

Technologies: WordPress, HTML/CSS, JavaScript

Quar Studio

Front-end & WordPress portfolio for a UX/UI designer – Pixel Perfect, aesthetics.

Brief

The client wanted a portfolio that presents their UX/UI projects in a modern and visually attractive way. The site needed to reproduce every detail of the graphic design, be fully responsive, fast and easy to manage in WordPress.

My role

  • Pixel Perfect front-end coding from UX/UI design
  • WordPress portfolio implementation with ACF and Custom Post Types
  • Performance and loading speed optimisation
  • Full responsiveness across all devices and screens
  • Animations and interactive elements for better UX

Result

The Quar Studio portfolio presents projects in an aesthetic and professional way. Every element is visually refined, and WordPress makes it easy to add new projects. The site is fast, responsive and ready for client presentations or agency collaboration.

BrandHub

Pixel Perfect front-end – coding a graphic design for BrandHub branding agency. CSS animations, semantic HTML, responsive website.

Technologies: HTML/CSS, Pixel Perfect, JavaScript, GSAP

BrandHub

Front-end for a branding agency – Pixel Perfect, responsiveness, animations.

Brief

The client, a branding agency, needed a modern, aesthetic website to showcase their projects. The site needed to faithfully reproduce the graphic layout in Pixel Perfect standard, be fully responsive, fast and easy to manage in WordPress.

My role

  • Pixel Perfect front-end coding
  • WordPress theme implementation (ACF, Custom Post Types)
  • Performance and loading speed optimisation
  • Full responsiveness across all devices
  • CSS animations and interactive elements for better UX

Result

The BrandHub website presents the agency's projects in a professional and modern way. Every element is precisely matched to the graphic design, and WordPress makes it easy to add new work. The site is fast, responsive and ready for client presentations or use in branding activities.

Like the quality of my work?

Client Testimonials

Bartosz impressed us with his efficient and professional manner — an approach that not only inspired confidence but also delivered the results we were looking for.

I am impressed by the professionalism — reliability, punctuality, great communication and very high code quality. I can confidently say that he is one of my best collaborators.

Very punctual, diligent and reliable. I highly recommend working with Bartosz!

I enjoy working with Bartosz because it is defined by a minimum of words and a maximum of concrete results.

I ordered a graphic design to be converted into a working WordPress theme. I received a fully working theme within 3 days. Definitely recommended and absolutely worth the price.

Very good communication, with the possibility to refine details and receive valuable suggestions along the way. An additional advantage is the reasonable price and knowledge of the latest standards. Fully satisfied. Highly recommended.

asap frogriot gophery pragmatists trec tt consult petra projekt roxx extradom

Have any questions?

Check out the list of frequently asked questions – you might find the answer there. If not, contact me:

Yes – besides Figma, it can be Adobe Photoshop, Adobe XD or Sketch. I deliver every project with attention to responsiveness and Pixel Perfect accuracy, regardless of the source format.

The price depends on the number of subpages and the complexity of the project. To provide a quote, I need to see a preview of the design — I send it free of charge within 24 hours. Projects start from 800 PLN net (simple landing page).

Yes, I also build static websites.

After delivery you have 14 days to report any corrections arising from implementation errors — free of charge. Further changes and expansions are quoted individually. I don't disappear after deployment — you can contact me at any time.

Yes — scroll animations, hover effects and section transitions are a standard part of my implementations. I make sure animations are smooth, with no impact on page performance.

Simple HTML pages usually take 5–7 days, while more advanced projects can take up to several weeks.

Yes, I offer basic and technical SEO optimization to improve your site's visibility in search engines. I focus on semantic HTML code, page speed, proper heading structure, responsiveness and accessibility best practices (WCAG).

No, I don't do graphic design, but I can recommend trusted designers I work with.

Hire a WordPress front-end developer

Got a Figma project? Get in touch—I'll give you a free, no-obligation quote. I'll respond within 24 hours.

© mediger.net