Iman Shams
Iman Shams

From Figma to WordPress

WordPress Live websites

From mockup to live website — I design and build with the full journey in mind

I start in Figma, creating responsive mockups that reflect each client’s brand identity through thoughtful fonts, color palettes, and logos. Every design is planned to adapt across devices and flow naturally into development.

Once the design is solid, I bring it to life in WordPress using Elementor and Oxygen, ensuring integrity between design and build. I fine-tune with custom CSS to guarantee responsiveness, precision, and a smooth user experience.

Here are a few of my recent projects where I handled both design and development end-to-end.

Designed in Figma with responsive layouts:

My focus is on translating their brand identity into a digital experience through carefully chosen fonts, color palettes, and visual themes that reflect their voice and values. When needed, I also design the logo and supporting brand assets to ensure a consistent identity across all touchpoints.

Each layout is planned with responsiveness in mind, so the design not only looks good on desktop but also adapts seamlessly to tablets and mobile devices. This approach ensures that what I create in Figma is not just visually appealing but also practical, ready to flow naturally into development without losing design integrity.


                                                          Custom logo + tailored fonts/color palette

I developed the brand’s visual identity by designing a custom logo and building a style system that included typography, color palette, and overall theme. Each choice was made to reflect the client’s business values and audience, ensuring the website not only looked visually cohesive but also communicated the right message across every touchpoint.

                              From Figma Mockups to Fully Responsive WordPress Websites

I translated the Figma designs into WordPress using Elementor and Oxygen, carefully converting each mockup into a fully responsive, visually polished, and user-friendly website. I maintained design integrity and consistency across all devices while enhancing functionality with custom CSS, ensuring every detail—from layout to typography and color palette—aligned perfectly with the client’s brand identity.

       click to open Live website


Laura Bosi

click to open website

Letizia Mantovani

Click to open web site

                                                          Contact me for more information and cases

Follow up on Behance to view the prototype
Iman Shams Personal Portolio