For Solar Ray Corp, I was responsible for transforming a detailed Figma design into a fully responsive WordPress website. Using Beaver Builder as the foundation, I implemented custom code where necessary to accurately bring the design to life and ensure smooth interaction across devices.
finished website
My Role & Responsibilities
Developed the entire site structure within WordPress using Beaver Builder
Translated Figma mockups into a live, mobile-optimized experience
Wrote custom CSS and JavaScript to handle design-specific interactions and layout challenges
Ensured design consistency, fast load times, and smooth animations across all sections
Custom Code Highlights
While Beaver Builder handled the bulk of the layout, I introduced custom solutions for:
Overlapping visual elements and hover effects
Toggling content and headers not supported natively
Responsive image grids and layout adjustments beyond standard module settings
Outcome & Results
The final Solar Ray Corp site delivers a visually compelling and user-friendly experience, matching the brand’s tone and design vision. By combining builder tools with targeted custom code, I ensured full responsiveness, fast performance, and a design that feels both polished and dynamic. The project was delivered on time and aligned precisely with the client’s creative expectations.