UX/UI Designer & Developer

📍 Job Overview

Job Title: UX/UI Designer & Developer

Company: Balanced Body Inc

Location: Sacramento, California, United States

Job Type: Full-Time

Category: UX/UI Design & Web Development

Date Posted: May 15, 2026

Experience Level: Mid-Level (2-5 years)

Remote Status: On-site

🚀 Role Summary

• Spearhead end-to-end user experience (UX) and user interface (UI) design for web platforms, translating business needs into intuitive and visually appealing digital interfaces.

• Drive the development and customization of responsive web pages within WordPress and Shopify environments, ensuring a seamless user journey.

• Craft high-quality digital assets, including banners, icons, and layout graphics, to enhance brand aesthetics and user engagement.

• Collaborate closely with cross-functional stakeholders to define and implement user-centric design strategies, optimizing information architecture and user flows.

• Leverage expertise in front-end development (HTML5, CSS3) to customize themes and ensure optimal page load speeds and search engine optimization (SEO).

📝 Enhancement Note: This role bridges design and development, requiring a candidate who can not only create compelling visual designs but also implement them directly within popular CMS platforms like WordPress and Shopify. The emphasis on "owning the final product" suggests a hands-on approach and a significant impact on the company's digital presence.

📈 Primary Responsibilities

• Design and develop high-fidelity mockups and interactive prototypes using Figma, prioritizing user flow, brand aesthetics, and accessibility standards.

• Build, customize, and maintain responsive web pages and user interfaces within WordPress (Gutenberg, Elementor, Divi) and Shopify (Liquid-based themes, app integrations), ensuring cross-browser compatibility and mobile responsiveness.

• Execute user journey mapping, site mapping, and information architecture to define optimal digital experiences and streamline navigation.

• Create and optimize high-quality digital assets, including banners, icons, graphics, and layout elements, for web and marketing campaigns.

• Collaborate with marketing, product, and engineering teams to translate business requirements, user feedback, and technical constraints into functional, visually engaging web solutions.

• Implement and refine front-end code (HTML5, CSS3) to customize themes, enhance user experience, and ensure optimal page load speeds and SEO performance.

• Conduct user research, usability testing, and A/B testing to gather insights and iterate on designs for continuous improvement.

• Maintain and update design systems, style guides, and component libraries to ensure brand consistency across all digital platforms.

• Stay abreast of emerging UX/UI trends, web design best practices, and relevant technologies to drive innovation within the digital product roadmap.

📝 Enhancement Note: The responsibilities clearly indicate a dual role: a creative designer responsible for the user's visual and interactive journey, and a technical developer capable of translating those designs into functional web pages within specific e-commerce platforms. This requires a blend of aesthetic sensibility and practical coding skills.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Graphic Design, Web Design, Human-Computer Interaction, Computer Science, or a related field is often preferred for roles requiring a strong foundation in design principles and development methodologies. Equivalent practical experience will also be considered.

Experience: Minimum of 2-5 years of professional experience in UX/UI design and front-end web development, with a demonstrable track record of creating and implementing engaging digital experiences.

Required Skills:

• Figma Mastery: Expert-level proficiency in Figma for wireframing, prototyping, interface design, and building scalable design systems.

• Adobe Creative Suite: Strong command of Adobe Photoshop and Adobe Illustrator for advanced image editing, vector graphics creation, and asset preparation.

• CMS Expertise: Proven experience building, customizing, and managing websites within WordPress (including Gutenberg, Elementor, or Divi) and Shopify (including Liquid-based themes and app integrations).

• Front-End Development: Solid proficiency in HTML5 and CSS3, with the ability to write clean, semantic code for theme customization and responsive design implementation.

• UX Principles: Deep understanding of user-centered design principles, usability heuristics, information architecture, and user journey mapping.

• Portfolio: A strong, comprehensive portfolio showcasing a clean aesthetic, successful UX/UI design projects, and implemented web development work, clearly demonstrating problem-solving skills and design rationale.

• Visual Asset Creation: Skill in designing and optimizing digital assets for web use, ensuring high quality and performance.

• Collaboration & Communication: Excellent verbal and written communication skills, with the ability to articulate design decisions and collaborate effectively with cross-functional teams and stakeholders.

Preferred Skills:

• JavaScript: Basic to intermediate knowledge of JavaScript for interactive elements and minor feature enhancements.

• SEO/Performance Optimization: Understanding of how design and development choices impact page load speeds, Core Web Vitals, and search engine rankings.

• E-commerce Platforms: Familiarity with e-commerce best practices and user experience considerations specific to online retail.

• Mapping & Whiteboarding Tools: Experience with tools such as Miro, Lucidchart, or similar for visual collaboration, process mapping, and ideation.

• Version Control: Familiarity with Git for code management.

📝 Enhancement Note: The emphasis on "Figma Master" and "CMS Expertise" highlights the critical need for practical, hands-on skills in these specific areas. A strong portfolio is paramount, as it serves as the primary proof of a candidate's abilities in both design execution and implementation.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design Process Showcase: Clearly articulate your design process for at least 2-3 projects, from initial concept and user research through wireframing, prototyping, and final UI design.

• Implementation Examples: Include direct links or detailed case studies of web pages or features you have built and launched on WordPress or Shopify, demonstrating your front-end development capabilities.

• Figma & Adobe Work: Showcase examples of complex UI layouts, component libraries, and design systems created in Figma, alongside any advanced graphic assets produced in Photoshop or Illustrator.

• Problem/Solution Narrative: For each project, clearly outline the business problem or user need, your proposed solution, and the quantifiable results or impact achieved.

• Responsive Design: Demonstrate your ability to create designs that adapt seamlessly across various devices and screen sizes.

Process Documentation:

• User Journey Mapping: Provide examples of user journey maps you have developed to understand and optimize the customer experience.

• Information Architecture: Showcase examples of site maps or information architecture diagrams that illustrate logical content organization and navigation structures.

• Wireframing & Prototyping: Include examples of wireframes and interactive prototypes that effectively communicate layout, functionality, and user flow before full development.

📝 Enhancement Note: The portfolio is the most critical component for this role. It must demonstrate not only design acumen but also the practical ability to implement those designs within WordPress and Shopify. Candidates should be prepared to walk through their process and explain the rationale behind their design and development choices.

💵 Compensation & Benefits

Salary Range: $80,000 - $95,000 per year

Benefits:

• Comprehensive Medical, Dental, and Vision Insurance coverage.

• 401(k) retirement savings plan with a company match.

• Life Insurance, Accidental Death & Dismemberment (AD&D) Insurance.

• Long Term Disability Insurance.

• Generous Paid Time Off (PTO) and company holidays.

Working Hours: Typically 40 hours per week, with potential for occasional overtime during peak project periods. The role is primarily on-site, requiring a consistent presence at the Sacramento headquarters.

📝 Enhancement Note: The provided salary range of $80,000 - $95,000 per year aligns with mid-level UX/UI Designer & Developer roles in California, particularly in the Sacramento area, considering the required technical skills and dual responsibilities. The benefits package is robust and competitive, offering strong support for employees' well-being and financial future.

🎯 Team & Company Context

🏢 Company Culture

Industry: Health & Wellness / Fitness Equipment Manufacturing. Balanced Body is a leader in the global Pilates industry, known for its high-quality equipment and comprehensive educational programs.

Company Size: The provided information suggests a medium to large enterprise, operating in over 100 countries, with a significant manufacturing and distribution footprint. This implies a structured yet dynamic work environment.

Founded: Balanced Body has a long-standing history, founded nearly 50 years ago, indicating a stable company with established processes and a strong market presence.

Team Structure:

• The UX/UI Designer & Developer will likely be part of a digital marketing, web development, or product team, reporting to a Digital Manager or Head of E-commerce.

• This role involves close collaboration with marketing specialists (content, SEO, paid media), e-commerce managers, product developers, and potentially external agencies or contractors.

Methodology:

• Balanced Body emphasizes a commitment to "mindful movement with world-class engineering," suggesting a culture that values precision, quality, and thoughtful execution in all its endeavors, including digital product development.

• The company's focus on "environmentally-friendly business practices" may also influence operational methodologies, encouraging sustainable approaches.

• Digital initiatives are likely driven by a combination of data analytics, user feedback, and strategic business goals to enhance customer experience and drive online sales.

Company Website: https://www.pilates.com/BBAPP/V/company/craftsmanship.html

📝 Enhancement Note: The company's long history and global reach suggest a well-established organization with a strong brand identity. The emphasis on craftsmanship and mindful movement likely translates into a culture that values detail, quality, and a user-centric approach in its digital operations.

📈 Career & Growth Analysis

Operations Career Level: This position is a mid-level role, typically requiring 2-5 years of focused experience. It represents a significant step for a designer who wants to become more hands-on with development, or for a developer who wants to deepen their UX/UI design skills and take ownership of the entire digital product lifecycle.

Reporting Structure: The role will likely report to a manager overseeing digital platforms, e-commerce, or marketing technology. Direct reports are unlikely at this level, but the role will involve significant cross-functional collaboration with various departments.

Operations Impact: The UX/UI Designer & Developer will have a direct and measurable impact on Balanced Body's online revenue and customer engagement. By optimizing the user experience and ensuring the functionality of their e-commerce platforms (WordPress and Shopify), this role will influence conversion rates, customer satisfaction, and brand perception.

Growth Opportunities:

• Specialization: Opportunity to deepen expertise in either UX/UI design (e.g., advanced user research, design systems) or front-end development (e.g., JavaScript frameworks, performance optimization).

• Leadership: Potential to grow into a Senior UX/UI Designer, Lead Front-End Developer, or even a Digital Product Manager role, taking on more strategic responsibilities and potentially managing junior team members.

• Cross-functional Exposure: Gain broader experience across marketing, product management, and e-commerce operations, enhancing overall business acumen.

• Skill Expansion: Continuous learning opportunities in new design tools, development techniques, and e-commerce platform features.

📝 Enhancement Note: This role offers a unique blend of design and development, making it an attractive option for individuals looking to broaden their skill set and career trajectory within the digital product space. The ability to "own the final product" provides a clear path for demonstrating impact and driving career advancement.

🌐 Work Environment

Office Type: The role is specified as "On-site," indicating a traditional office-based work environment at the company's headquarters in Sacramento, California.

Office Location(s): The primary work location is at 5909 88th St, Sacramento, CA 95828-1111. This location is described as a "solar-powered headquarters," suggesting a commitment to sustainability and potentially a modern, well-equipped facility.

Workspace Context:

• Collaborative Hub: Expect a workspace that facilitates interaction with marketing, product, and other digital teams, fostering a collaborative environment for brainstorming and problem-solving.

• Tools & Technology: Access to industry-standard design and development tools, including high-performance workstations, necessary software licenses (Figma, Adobe Creative Suite), and potential access to development environments.

• Team Interaction: Opportunities for regular team meetings, design critiques, and project stand-ups, enabling consistent communication and feedback loops for design and development tasks.

Work Schedule: The standard work schedule is likely Monday through Friday, approximately 40 hours per week. While the role is on-site, there might be flexibility in daily start/end times, but adherence to core business hours is expected for team collaboration and project continuity.

📝 Enhancement Note: Being on-site is crucial for this role, enabling seamless collaboration with internal teams and direct access to the resources needed for hands-on development and design implementation. The "solar-powered headquarters" hints at a company culture that values innovation and sustainability.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with HR or a recruiter to assess basic qualifications, salary expectations, and cultural fit.

• Portfolio Review & Technical Interview: A more in-depth discussion with the hiring manager and potentially a senior designer or developer. This will involve a walkthrough of your portfolio, focusing on your design process, technical implementation skills (HTML/CSS, CMS experience), and problem-solving abilities. Be prepared to discuss specific projects in detail.

• Design Challenge/Task: You may be asked to complete a small design or development task, or present a case study on a past project that demonstrates your skills in Figma, WordPress/Shopify, and HTML/CSS. This could involve creating a specific UI element, optimizing a page, or outlining a user flow.

• Cross-functional Interviews: Meetings with stakeholders from marketing, e-commerce, or product teams to assess collaboration skills and understanding of business objectives.

• Final Interview: A concluding interview with a senior leader to discuss overall fit, career aspirations, and confirm details.

Portfolio Review Tips:

• Tell a Story: Structure your portfolio around clear narratives for each project. Explain the problem, your approach, the tools you used, and the results achieved.

• Show, Don't Just Tell: Include high-quality visuals of your designs, interactive prototypes, and live website examples. For development work, consider short video demonstrations of functionality.

• Highlight Duality: Clearly showcase both your design skills (Figma, Adobe) and your development implementation skills (WordPress, Shopify, HTML/CSS). Use clear headings or sections to differentiate these aspects.

• Quantify Impact: Whenever possible, include metrics that demonstrate the success of your work (e.g., increased conversion rates, improved load times, higher user satisfaction scores).

• Be Prepared for Questions: Anticipate questions about your design decisions, coding choices, problem-solving strategies, and how you handle feedback.

Challenge Preparation:

• Figma Proficiency: Practice creating common UI components, responsive layouts, and interactive prototypes quickly within Figma.

• CMS Familiarity: Refresh your knowledge of WordPress theme customization (Gutenberg, Elementor/Divi) and Shopify theme development (Liquid, basic app integration).

• HTML/CSS Fundamentals: Be ready to demonstrate clean, semantic HTML and well-structured CSS for responsive design and theme modifications.

• Problem-Solving: Think about how you would approach common e-commerce design challenges, such as improving product page layouts, optimizing checkout flows, or enhancing mobile navigation.

📝 Enhancement Note: The interview process is designed to rigorously assess both the creative design and technical development capabilities. Candidates should prepare to demonstrate their end-to-end ownership of digital projects, backed by a strong, well-documented portfolio.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The primary tool for UI/UX design, wireframing, prototyping, and design system management. Expect to create all visual designs and interactive prototypes here.

• Adobe Creative Suite (Photoshop, Illustrator): Used for advanced image editing, vector graphic creation, and preparing high-quality digital assets.

• WordPress: A key Content Management System (CMS) for building and managing website content and pages. Expertise in Gutenberg, Elementor, or Divi is highly beneficial.

• Shopify: Another critical e-commerce platform for building and managing online stores. Familiarity with Liquid templating language and app integrations is essential.

Analytics & Reporting:

• Google Analytics (or similar): Understanding how to interpret website analytics to inform design decisions and measure the impact of implemented changes on user behavior and conversion rates.

• Page Speed Tools: Tools like Google PageSpeed Insights, GTmetrix, or WebPageTest to analyze and optimize website performance.

CRM & Automation:

• Basic Understanding of CRM/Marketing Automation: While not a primary tool, awareness of how website design and user experience integrate with CRM systems (e.g., Salesforce, HubSpot) and marketing automation platforms to support lead generation and customer journeys.

• Integration Tools (Conceptual): While not directly developing integrations, understanding how different platforms (CMS, e-commerce, CRM) connect and exchange data is beneficial.

📝 Enhancement Note: Proficiency in Figma and direct experience with WordPress and Shopify are non-negotiable. The ability to leverage analytics to drive design decisions and optimize for performance (speed, SEO) is also a key expectation for this role.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Quality: Reflecting the company's heritage in high-quality Pilates equipment, expect a strong emphasis on attention to detail, precision, and delivering polished, well-executed digital products.

• User-Centricity: A core value will be prioritizing the user experience, ensuring that all designs and implementations are intuitive, accessible, and meet user needs.

• Innovation & Improvement: Encouragement of continuous learning and adaptation to new design trends, development techniques, and platform functionalities to enhance the digital presence.

• Collaboration & Teamwork: A culture that values open communication, constructive feedback, and cross-functional partnership to achieve shared goals.

• Sustainability: Given the "solar-powered headquarters," there may be an underlying value for environmentally conscious practices, which could extend to digital asset optimization and efficient coding.

Collaboration Style:

• Cross-functional Integration: The role will require close collaboration with marketing teams (content, SEO, digital advertising), product managers, and potentially sales teams to ensure digital platforms align with broader business objectives and customer engagement strategies.

• Iterative Design Process: Expect a culture that embraces feedback, design critiques, and iterative development cycles, allowing for continuous refinement of digital assets and user interfaces.

• Knowledge Sharing: Encouragement of sharing best practices, new techniques, and insights within the design and development community, fostering a learning environment.

📝 Enhancement Note: The company's ethos of "movement changes lives" and "world-class engineering" likely permeates its culture, fostering an environment that values precision, user well-being, and continuous improvement, which should be reflected in the digital output.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design & Development: Effectively managing the dual responsibilities of creating compelling UX/UI designs and then implementing them with technical precision can be demanding. Requires strong time management and prioritization skills.

• Platform Constraints: Working within the specific limitations and capabilities of WordPress and Shopify, while still striving for unique and optimized user experiences.

• Stakeholder Alignment: Translating diverse stakeholder requirements and feedback into cohesive and effective digital solutions, ensuring buy-in and satisfaction.

• Staying Current: The rapid evolution of web technologies, design trends, and e-commerce best practices necessitates continuous learning to maintain cutting-edge skills.

• Performance Optimization: Ensuring that visually rich designs and custom functionalities do not negatively impact website speed and SEO, a constant balancing act.

Learning & Development Opportunities:

• Advanced Platform Training: Opportunities to gain deeper expertise in Shopify Plus features, advanced WordPress plugin development, or specialized e-commerce analytics.

• UX Research & Strategy: Potential to develop skills in formal UX research methodologies, user testing, and strategic UX planning.

• Front-End Specialization: Pursuing deeper knowledge in JavaScript frameworks (React, Vue), performance optimization techniques, or accessibility standards.

• E-commerce Strategy: Gaining a broader understanding of e-commerce business models, conversion rate optimization (CRO), and digital marketing integration.

• Industry Conferences & Certifications: Access to attend relevant UX/UI, web development, or e-commerce conferences and pursue professional certifications.

📝 Enhancement Note: This role offers a fantastic opportunity for growth by allowing individuals to hone both their creative design sensibilities and their practical development skills. The challenges are inherent to bridging these two disciplines, and the growth opportunities are directly tied to mastering them and expanding into related areas of digital product management.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a business requirement into a functional web page on WordPress or Shopify." (Focus on your end-to-end workflow, from understanding needs to implementation and testing.)

• "How do you approach balancing aesthetic design with technical feasibility and performance constraints?" (Prepare examples of trade-offs you've made and how you justified them.)

Company & Culture Questions:

• "What do you know about Balanced Body and the Pilates industry?" (Research their mission, values, product lines, and market position.)

• "How do you see your design and development skills contributing to Balanced Body's brand and user experience?" (Connect your skills to their products, values, and customer base.)

Portfolio Presentation Strategy:

• Structure is Key: Organize your portfolio logically. Start with an overview, then dive into 2-3 detailed case studies. Clearly label sections for design and development work.

• Narrative for Each Project: For each case study, clearly state the objective, your role, the problem, your solution (showcasing both design and implementation), and the outcomes/impact. Use visuals extensively.

• Highlight Figma & CMS Skills: Be ready to demonstrate specific features within Figma and explain your approach to customizing WordPress/Shopify themes. If you have code snippets to show, be prepared to discuss them.

• Focus on Impact: Emphasize how your work positively affected the business or users. Quantify results whenever possible.

• Be Ready for Live Demos: If you have live websites you've worked on, have them bookmarked and be prepared to navigate them smoothly, pointing out specific design and development elements.

📝 Enhancement Note: The interview process will heavily rely on your portfolio. Be prepared to articulate your thought process, justify your decisions, and demonstrate both your creative vision and your technical execution capabilities.

📌 Application Steps

To apply for this UX/UI Designer & Developer position:

• Submit your application through the provided link on the recruiting platform.

• Curate Your Portfolio: Select your strongest projects that best showcase your dual expertise in UX/UI design (Figma, Adobe) and front-end development (HTML5, CSS3) within WordPress and Shopify. Ensure it's well-organized, visually appealing, and clearly tells the story of your process and impact.

• Tailor Your Resume: Highlight keywords and experiences directly related to UX/UI design, front-end development, WordPress, Shopify, Figma, and Adobe Creative Suite. Quantify your achievements with specific metrics where possible.

• Prepare Your Presentation: Practice walking through your portfolio, focusing on clear communication of your design rationale, development choices, and project outcomes. Be ready to answer technical and strategic questions.

• Research Balanced Body: Understand their brand, products, mission, and the Pilates industry. Consider how your skills can contribute to their specific business goals and user base.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---