B2B Energy Solutions UX/UI Designer
We’re seeking a talented UX/UI designer with proven expertise in Figma to create professional, user-focused wireframes for a B2B website. The website will showcase energy transition solutions (solar panels, EV chargers, renewable energy systems) and target business clients across various industries. This is a critical project to lay the foundation for a fast, efficient build by our Webflow development partner.
Scope of Work:
Design wireframes for all key pages of the site in Figma, focusing on a professional, modern, and conversion-optimized user experience.
Include navigation, layouts, and design elements that align with the B2B market and emphasize trust, innovation, and clean design.
Work with provided references and examples of competitor websites to shape the overall structure and look.
We will manage all copywriting – your focus will be design, structure, and layout.
The wireframes should be optimized for smooth handoff to a Webflow developer, ensuring all design elements are aligned with Webflow capabilities and best practices.
Key Features to Include in Wireframes:
Homepage:
Engaging hero section with clear messaging and CTAs.
Overview of key services and solutions (solar panels, EV chargers, etc.).
Testimonials or trust-building elements (logos, partnerships, certifications).
Service Pages:
Individual pages for each service (e.g., rooftop PV, agrivoltaics, EV chargers).
Visual layouts showcasing benefits, use cases, and CTAs for inquiries.
Contact Page with Fill-Out Form:
A lead capture form optimized for B2B inquiries (fields for company name, project details, etc.).
About Us Section:
Highlighting our expertise, team, partnerships, and unique value proposition.
Case Studies or Testimonials Section:
Dedicated layout for showcasing successful projects or customer reviews.
Resource Section (Optional):
Space for blog articles or insights related to energy transition (optional but recommended for SEO).
Design Goals:
Professional and Modern: A clean, corporate style to appeal to B2B clients.
User-Focused: Seamless navigation, clear CTAs, and intuitive design to maximize inquiries.
Mobile-First: Fully responsive design for optimal usability across devices.
SEO-Ready: Include space for metadata, optimized headings, and structured content.
Your Deliverables:
Figma wireframes for all key pages with clear notes on layout and functionality.
Fully prepared for handoff to Webflow developer, ensuring all elements are accounted for and Webflow-compatible.
Revisions (up to 2 rounds) to refine the wireframes based on feedback.
What We Provide:
Competitor websites and examples for inspiration.
Clear guidelines on the website’s structure and target audience.
Copywriting for all pages (you won’t need to handle content).
Requirements:
Proven expertise in Figma, with a strong portfolio of B2B website wireframes.
Specific experience designing wireframes for Webflow-built websites, ensuring seamless developer handoff.
Experience in designing for lead generation and conversion optimization.
Ability to deliver quick turnarounds and meet deadlines.
Strong communication skills for collaboration and feedback.
Timeline:
We need the wireframes completed within 1-2 weeks to ensure the project progresses smoothly with our Webflow partner.
If you’re a skilled UX/UI designer with experience in wireframing for Webflow projects, ready to create a polished and professional foundation for a B2B energy solutions website, we’d love to hear from you! Please include your portfolio and a brief overview of relevant projects in your application.
Job Qualifications
- Testimonials or trust-building elements (logos, partnerships, certifications)
- A lead capture form optimized for B2B inquiries (fields for company name, project details, etc.)
- Space for blog articles or insights related to energy transition (optional but recommended for SEO)
- Professional and Modern: A clean, corporate style to appeal to B2B clients
- User-Focused: Seamless navigation, clear CTAs, and intuitive design to maximize inquiries
- Proven expertise in Figma, with a strong portfolio of B2B website wireframes
- Specific experience designing wireframes for Webflow-built websites, ensuring seamless developer handoff
- Experience in designing for lead generation and conversion optimization
- Ability to deliver quick turnarounds and meet deadlines
- Strong communication skills for collaboration and feedback
- We need the wireframes completed within 1-2 weeks to ensure the project progresses smoothly with our Webflow partner
- If you’re a skilled UX/UI designer with experience in wireframing for Webflow projects, ready to create a polished and professional foundation for a B2B energy solutions website, we’d love to hear from you!
Job Benefits
Job Responsibilities
- The website will showcase energy transition solutions (solar panels, EV chargers, renewable energy systems) and target business clients across various industries
- Design wireframes for all key pages of the site in Figma, focusing on a professional, modern, and conversion-optimized user experience
- Include navigation, layouts, and design elements that align with the B2B market and emphasize trust, innovation, and clean design
- Work with provided references and examples of competitor websites to shape the overall structure and look
- We will manage all copywriting – your focus will be design, structure, and layout
- The wireframes should be optimized for smooth handoff to a Webflow developer, ensuring all design elements are aligned with Webflow capabilities and best practices
- Engaging hero section with clear messaging and CTAs
- Overview of key services and solutions (solar panels, EV chargers, etc.)
- Individual pages for each service (e.g., rooftop PV, agrivoltaics, EV chargers)
- Visual layouts showcasing benefits, use cases, and CTAs for inquiries
- Dedicated layout for showcasing successful projects or customer reviews
- Mobile-First: Fully responsive design for optimal usability across devices
- SEO-Ready: Include space for metadata, optimized headings, and structured content
- Figma wireframes for all key pages with clear notes on layout and functionality
- Fully prepared for handoff to Webflow developer, ensuring all elements are accounted for and Webflow-compatible
- Revisions (up to 2 rounds) to refine the wireframes based on feedback
- Clear guidelines on the website’s structure and target audience
- Copywriting for all pages (you won’t need to handle content)