Home » portfolio » ZethraCo

ZethraCo

ZethraCo

UI Figma Design
Elementor
Responsive
Optimization

About the project

Transformed ZethraCo’s Canva design into a fully functional website using the Hello Elementor theme. Ensured accurate spacing, typography, and color application to maintain brand consistency. Developed homepage, About, and Contact pages.

Challenges

➤ Client Requirement:

ZethraCo, a professional corporate brand, needed a clean and modern website based on a Canva mockup. The website was to include a homepage with an introduction section, list of services, and contact details, along with dedicated About and Contact pages. The design had to be fully responsive, pixel-perfect, and reflect the company’s branding with the use of blue, red, and grey as the primary colors.

 

Solutions

➤ My Approach:
  1. Initial Review & Planning:
    • Carefully studied the Canva mockup provided by the client.
    • Identified design elements, fonts, color palette, and layout structure.
    • Created a clear plan to bring the design to life in WordPress using Elementor Pro.
  2. Environment Setup:
    • Installed WordPress and configured the Hello Elementor theme for a lightweight and clean foundation.
    • Installed and activated Elementor Pro to ensure flexibility and full control over design and responsiveness.
  3. Design & Development:
    • Recreated the homepage based on the Canva mockup, including sections for company introduction, services, and contact info.
    • Built the About and Contact pages, matching fonts, spacing, colors, and layout with the original design.
    • Ensured all elements were pixel-perfect and aligned with the mockup specifications.
    • Applied the brand’s color scheme (blue, red, and grey) consistently across all pages.
    • Used Elementor Pro’s features to create a fully responsive layout for desktop, tablet, and mobile devices.
  4. Testing & Final Touches:
    • Performed thorough cross-browser and multi-device testing.
    • Optimized performance, ensuring fast loading times.
    • Made minor adjustments based on client feedback and final review.

 

➤ Result:
  • Successfully delivered a modern, professional corporate website that was fully aligned with the Canva design.
  • The website is clean, user-friendly, and highlights ZethraCo’s services and contact details effectively.
  • The client gave a 5-star review on Upwork for the quality of work, communication, and timely delivery.
  • The project demonstrated my ability to translate design mockups into functional, responsive, and visually accurate WordPress websites using Elementor Pro.

 

StyleGuide:

Desktop Landing:

Mobile Landing: