UX UI Designer I

📍 Job Overview

Job Title: UX UI Designer I

Company: SBM Offshore

Location: McClellan Place, California, United States

Job Type: FULL_TIME

Category: UX/UI Design

Date Posted: 2026-06-26

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

Remote Status: On-site

🚀 Role Summary

• Design and implement visually striking, user-friendly, and engaging interfaces for desktop, web, and mobile platforms, adhering to industry standards and corporate visual design guidelines.

• Collaborate closely with Business Leaders, Graphic Designers, Software Engineers, and QA resources throughout the complete systems development life cycle to ensure seamless integration of user experience principles.

• Conduct comprehensive user research, including competitive analysis, user and stakeholder interviews, analytics assessment, and heuristic analysis, to inform design decisions and drive user-centric solutions.

• Develop detailed storyboards, process flows, wireframes, mockups, and interactive prototypes to effectively communicate design concepts and guide the development process.

📝 Enhancement Note: This role, while titled UX/UI Designer I, requires a blend of design and front-end development skills, indicated by the requirement for HTML5/CSS3 and production-ready code. The "I" designation suggests an entry to mid-level position within a larger design or development team, focusing on execution under guidance rather than strategic leadership.

📈 Primary Responsibilities

• Support the definition and implementation of design criteria, design guidelines, and design specifications, ensuring alignment with industry best practices and corporate visual design strategies across multiple platforms.

• Brainstorm, revise, and collaborate effectively within an enthusiastic, visually oriented team environment to foster creative solutions.

• Assist in translating complex business needs and user requirements into intuitive and elegant user experience solutions that cater to the needs of a large organization.

• Conduct thorough user research activities, including competitive analysis, user and stakeholder interviews, analytics assessment, and heuristic evaluations, to gather insights that drive design decisions.

• Develop clear and concise storyboards, process flows, wireframes, mockups, and interactive prototypes to effectively communicate design intent and guide the engineering team.

• Produce production-ready, cross-browser compatible front-end code utilizing HTML5 and CSS3 to bring designs to life.

• Iterate on designs based on user feedback from research, technical constraints, and evolving market dynamics to ensure optimal user satisfaction and product effectiveness.

• Collaborate effectively with cross-functional and remote team members to achieve assigned design and development tasks within established project timelines.

• Perform other duties as assigned to support the team's objectives and project success.

📝 Enhancement Note: The responsibilities highlight a hands-on role that bridges design and development. The emphasis on "support," "assist," and "collaborate" suggests a junior to mid-level position where learning and contributing within a team framework are key. The requirement to develop production-ready front-end code is a significant differentiator for a UX/UI role, indicating a need for practical implementation skills.

🎓 Skills & Qualifications

Education: Bachelor’s degree in Information Systems, or a related field from a four-year college or university.

Experience: 2-3 years of professional experience in UX/UI design, with a strong understanding of the complete systems development life cycle.

Required Skills:

• Proficient in all phases of user experience design: discovery (competitive research, analytics, interviews), wireframe design, prototyping, user testing, interactive design, and creative direction.

• Expertise in developing production-ready, cross-browser front-end code using HTML5 and CSS3.

• Strong understanding of industry standards and best practices in UX/UI design.

• Ability to collaborate effectively with cross-functional teams, including Business Leaders, Graphic Designers, Software Engineers, and QA.

• Experience in conducting user research, including competitive analysis, user and stakeholder interviews, analytics assessment, and heuristic analysis.

• Skill in creating storyboards, process flows, wireframes, mockups, and interactive prototypes. Preferred Skills:

• Experience with mobile platform design conventions (iOS and Android).

• Familiarity with design and prototyping tools such as Figma, Sketch, Adobe XD, or similar.

• Knowledge of front-end frameworks or libraries beyond basic HTML/CSS.

• Experience working in an Agile development environment.

• A valid driver's license may be required.

📝 Enhancement Note: The requirement for HTML5/CSS3 production-ready code positions this role as a hybrid UX/UI Designer and Front-End Developer. While a Bachelor's degree is specified, the "2-3 years of experience" combined with "I" in the title suggests a candidate who has moved beyond entry-level but is still developing their strategic design leadership capabilities.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 distinct projects demonstrating the full UX/UI design process, from initial research and ideation to final design and implementation.

• Include examples of wireframes, user flows, interactive prototypes, and visual design mockups for web, desktop, and/or mobile applications.

• Highlight projects where HTML5/CSS3 was used for front-end development, demonstrating practical coding skills.

• Present case studies that clearly articulate the problem, your role, the design solutions, and the outcomes or lessons learned, with a focus on user satisfaction and business impact. Process Documentation:

• Demonstrate understanding of user research methodologies (e.g., competitive analysis, user interviews, heuristic evaluation) and how they informed design decisions.

• Illustrate the creation and iteration of wireframes and prototypes, explaining the rationale behind design choices and how user feedback was incorporated.

• Provide examples of collaboration with engineering teams, showcasing how design specifications and front-end code (HTML5/CSS3) were translated into functional interfaces.

• Show evidence of understanding and applying industry design standards and corporate visual guidelines throughout the design process.

📝 Enhancement Note: Given the requirement for production-ready HTML5/CSS3 code, the portfolio should strongly emphasize practical implementation. Candidates should be prepared to showcase projects where they not only designed the interface but also built out key components or the entire front-end. This is crucial for demonstrating the required technical proficiency beyond just design tools.

💵 Compensation & Benefits

Salary Range: $29.00 to $33.00 per hour.

Benefits:

• Comprehensive benefit packages offered by SBM. Specific details are available on the SBM Management website.

• Potential for participation in company-sponsored health, dental, and vision insurance plans.

• Opportunities for retirement savings plans (e.g., 401k) if applicable.

• Paid time off, including vacation, sick leave, and holidays, in accordance with company policy.

• Professional development opportunities and training programs to enhance skills.

Working Hours: Typically 40 hours per week, consistent with full-time employment. Specific daily schedules would be determined by team needs and project deadlines.

📝 Enhancement Note: The provided salary range of $29.00-$33.00 per hour for a UX/UI Designer I with 2-3 years of experience, located in the McClellan, CA area, is competitive for mid-level roles requiring front-end coding skills. This range aligns with general market data for designers with hybrid skill sets in the Western United States, considering the cost of living in the Sacramento metropolitan area. The benefits are described generally, and candidates are encouraged to visit the company website for specifics.

🎯 Team & Company Context

🏢 Company Culture

Industry: Building Services / Facilities Management. SBM Offshore provides integrated facilities management solutions, focusing on operational efficiency and client satisfaction within diverse business environments. This context implies a need for designs that are functional, robust, and support efficient operations for their clients.

Company Size: SBM Management Services, LP and its affiliates are a significant employer, suggesting a structured corporate environment with established processes and a large employee base. This often means opportunities for standardized tools and workflows, but also a need for designers to navigate larger organizational structures.

Founded: While not specified, SBM's established presence in the industry indicates a mature organization with a history of service delivery, likely possessing a stable operational framework.

Team Structure:

• The UX/UI Designer I will likely be part of a design or IT department, working within a team that includes Graphic Designers, Software Engineers, and QA resources.

• Reporting likely to a Design Lead or IT Manager who oversees the systems development life cycle.

• Cross-functional collaboration is a key aspect, requiring close partnerships with Business Leaders to understand organizational needs and with engineers to ensure technical feasibility. Methodology:

• Designs are expected to align with industry standards and corporate visual design guidelines, suggesting a structured approach to design execution.

• The role involves the complete systems development life cycle, implying involvement from initial concept through to deployment and potentially iteration.

• Emphasis on iterative design based on user feedback, technology constraints, and market dynamics indicates an adaptive and user-centered methodology.

Company Website: www.sbmmanagement.com/careers

📝 Enhancement Note: SBM's focus on facilities management suggests that the UX/UI designs will likely support operational efficiency, asset management, or client service delivery platforms. Designs may need to prioritize clarity, ease of use, and data accessibility for a wide range of users, potentially including field staff and management.

📈 Career & Growth Analysis

Operations Career Level: This UX/UI Designer I role is positioned at an early to mid-career stage. It’s an execution-focused role where the individual contributes directly to design and front-end development tasks under guidance. The "I" designation typically signifies a foundational level within a specialized function.

Reporting Structure: The designer will report to a manager or lead within the IT or Design department. They will work collaboratively with engineers, QA, and business stakeholders, indicating a team-oriented environment where communication and coordination are vital.

Operations Impact: While not a direct revenue-generating role, the UX/UI Designer I's work directly impacts operational efficiency and user satisfaction for SBM's clients and internal teams. Well-designed interfaces can lead to increased productivity, reduced errors, improved data accuracy, and enhanced user adoption of software and systems, all of which contribute to the company's overall success and client retention.

Growth Opportunities:

• Skill Specialization: Opportunity to deepen expertise in specific areas of UX/UI design, such as user research, interaction design, or front-end development (HTML5/CSS3).

• Platform Expertise: Develop proficiency in designing for different platforms (web, desktop, mobile) and potentially gain experience with emerging technologies.

• Project Leadership: With experience, progress to leading design efforts on smaller projects or taking on more complex design challenges within larger initiatives.

• Cross-functional Acumen: Enhance understanding of the broader systems development life cycle and business operations through close collaboration with various departments.

📝 Enhancement Note: The role offers a solid foundation in both design principles and front-end coding. Growth potential lies in specializing further within UX/UI, advancing to more senior or lead designer roles, or potentially transitioning into pure front-end development roles if coding skills are heavily favored and developed.

🌐 Work Environment

Office Type: This position is based in an office environment, specifically at the 4INSITE OFFICE in McClellan, CA. The description implies a standard professional office setting.

Office Location(s): McClellan, CA, United States. This location is within the Sacramento metropolitan area.

Workspace Context:

• The work environment is described as typically quiet, suggesting a focus on individual work and concentration.

• Regular access to a computer and standard office equipment is assumed for design and development tasks.

• Opportunities for interaction with a visually oriented team, software engineers, and QA resources are present, fostering a collaborative design process.

• Employees are expected to be regularly required to sit, and frequently to walk, with occasional standing, which is standard for office-based roles.

Work Schedule: The role is full-time, implying a standard 40-hour work week. While the description doesn't specify strict daily schedules, the mention of collaborating with remote team members suggests a need for flexibility and clear communication to align with different time zones or working hours.

📝 Enhancement Note: The "quiet" work environment description suggests a setting conducive to focused design and coding work. While collaboration is emphasized, the primary daily tasks likely involve individual contributions at a workstation.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess qualifications and relevant experience. Be prepared to highlight projects that showcase your UX/UI design skills and HTML5/CSS3 development capabilities.

• Technical Interview: This stage will likely involve discussing your design process, your approach to user research, and your proficiency in HTML5/CSS3. Expect questions about your experience with wireframing, prototyping, and collaborating with engineers.

• Portfolio Presentation: A key part of the process will be presenting specific projects from your portfolio. Be ready to walk through your design decisions, explain your rationale, and detail your contributions, especially concerning front-end implementation.

• Team/Cultural Fit Interview: You may meet with potential team members and managers to assess your collaboration style, problem-solving approach, and how well you align with SBM's company culture and values.

Portfolio Review Tips:

• Showcase Hybrid Skills: Clearly present projects where you've demonstrated both strong UX/UI design thinking and practical HTML5/CSS3 front-end development. Quantify your impact where possible (e.g., improved user engagement by X%, reduced load times by Y%).

• Detail Your Process: For each project, articulate the problem statement, your role, the research conducted, design iterations, and the final solution. Explain the "why" behind your design choices and coding decisions.

• Highlight Collaboration: Provide examples of how you've worked with cross-functional teams, including engineers, to bring designs to life.

• Address Challenges: Be prepared to discuss challenges faced during projects and how you overcame them, demonstrating problem-solving skills and adaptability.

Challenge Preparation:

• Design Exercise: You might be given a short design challenge or asked to critique an existing interface, focusing on usability and potential improvements.

• Front-end Coding Snippet: Be ready to discuss or potentially write simple HTML5/CSS3 code snippets to demonstrate your front-end capabilities.

• Scenario-Based Questions: Prepare for questions about how you would approach specific design problems or collaborate with engineers on a new feature.

📝 Enhancement Note: The interview process is expected to heavily weigh both design acumen and practical coding skills. Candidates should prepare to discuss their portfolio in depth, focusing on how they bridge the gap between design conceptualization and front-end implementation using HTML5 and CSS3. Demonstrating an understanding of the full SDLC and collaborative workflows will be crucial.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Proficiency in industry-standard tools such as Figma, Sketch, Adobe XD, or similar is expected for wireframing, mockups, and prototyping.

• Front-end Development: Strong command of HTML5 and CSS3 is essential for developing production-ready, cross-browser compatible front-end code.

• Version Control: Familiarity with Git and platforms like GitHub or GitLab for managing front-end code and collaborating with development teams.

Analytics & Reporting:

• Experience with web analytics tools (e.g., Google Analytics) to understand user behavior and inform design decisions.

• Ability to interpret analytics data and user feedback to iterate on designs. CRM & Automation:

• While not explicitly mentioned, understanding how implemented designs integrate with backend systems, potentially including CRM or other business applications, is beneficial.

• Familiarity with project management tools (e.g., Jira, Asana) for tracking design and development tasks.

📝 Enhancement Note: The explicit mention of HTML5/CSS3 for "production-ready... front-end code" is a significant indicator of the technology stack. Candidates should be prepared to showcase a strong understanding of these languages and potentially related frameworks or preprocessors if they have experience. Tools like Git are also highly relevant for collaborative development environments.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A commitment to creating user-friendly and engaging experiences that meet the needs of both internal stakeholders and external clients.

• Collaboration: Emphasis on working effectively with cross-functional teams, including business leaders, graphic designers, software engineers, and QA, to achieve shared goals.

• Efficiency & Quality: A drive to produce high-quality, production-ready code and designs that are both visually appealing and functionally robust, contributing to operational excellence.

• Continuous Improvement: An openness to iterating designs based on user feedback, research, and market dynamics, fostering a culture of learning and adaptation.

Collaboration Style:

• Cross-functional Integration: The role requires close collaboration with various departments, necessitating strong communication skills and the ability to translate design concepts into actionable development tasks.

• Feedback Exchange: An environment where designers and developers work together, providing and receiving feedback to refine interfaces and ensure technical feasibility.

• Knowledge Sharing: Opportunities to share design insights and front-end development best practices within the team to elevate overall project quality and team capabilities.

📝 Enhancement Note: SBM's focus on integrated facilities management suggests a culture that values reliability, efficiency, and strong client service. For a UX/UI Designer, this translates to creating intuitive, robust, and performance-optimized digital solutions that support these core business objectives.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design Aesthetics with Technical Constraints: Successfully translating complex business requirements into user-friendly interfaces while adhering to front-end development limitations (HTML5/CSS3) and corporate brand guidelines.

• Integrating with Diverse Stakeholders: Effectively gathering requirements and managing feedback from various departments (Business Leaders, Engineers, QA) who may have differing priorities.

• Iterative Design Process: Adapting designs based on user feedback and technical constraints requires flexibility and a willingness to refine solutions multiple times.

• Keeping Pace with Technology: Staying current with evolving UX/UI design trends and front-end development best practices to ensure the creation of modern and efficient interfaces.

Learning & Development Opportunities:

• Front-end Development Mastery: Opportunity to deepen expertise in HTML5, CSS3, and potentially learn associated frameworks or preprocessors to enhance front-end development capabilities.

• User Research Techniques: Gain practical experience in various user research methods, contributing to a well-rounded understanding of user-centered design.

• Cross-Platform Design: Expand skills by designing for desktop, web, and mobile platforms, understanding the unique considerations for each.

• Systems Development Life Cycle (SDLC) Exposure: Develop a comprehensive understanding of the entire software development process through close collaboration with engineering and QA teams.

📝 Enhancement Note: The primary challenge and growth opportunity lie in the hybrid nature of the role. Mastering both high-fidelity design and practical front-end coding will be key to success and career advancement, offering a distinct advantage in the job market.

💡 Interview Preparation

Strategy Questions:

• Design Process & Problem Solving: "Can you walk me through a project where you had to balance user needs with technical constraints? How did you use HTML5/CSS3 to implement your design decisions?" (Focus on demonstrating your end-to-end process, research, and coding application.)

• Collaboration & Communication: "Describe a situation where you had to collaborate with engineers and QA. How did you ensure your design vision was accurately translated into the final product?" (Prepare examples of clear communication and conflict resolution.)

• Technical Proficiency: "What are your preferred methods for ensuring cross-browser compatibility with HTML5/CSS3? Can you explain the benefits of semantic HTML5 or modern CSS techniques like Flexbox/Grid?" (Be ready to discuss technical aspects of front-end development.)

Company & Culture Questions:

• Alignment with SBM: "How do you see your UX/UI design skills contributing to a company focused on facilities management and operational efficiency?" (Research SBM's services and tailor your response to their business context.)

• Teamwork: "How do you approach working in a team with diverse roles like business leaders, developers, and QA? What is your preferred collaboration style?" (Emphasize your ability to integrate and communicate effectively.)

• Adaptability: "Given that designs often need to iterate, how do you handle feedback and changes throughout the development cycle?" (Showcase your flexibility and commitment to optimal outcomes.)

Portfolio Presentation Strategy:

• Highlight Hybrid Projects: Select 2-3 projects that strongly showcase both your design thinking and your HTML5/CSS3 implementation skills.

• Quantify Impact: Where possible, use metrics to demonstrate the success of your designs (e.g., "improved task completion time by 15%").

• Explain Your Role Clearly: Define your specific contributions, especially in projects involving front-end development.

• Interactive Walkthrough: Be prepared to use your prototype or code examples to guide the interviewer through the user experience and technical implementation.

📝 Enhancement Note: Candidates should prepare to demonstrate not just design concepts but also tangible front-end code output. Be ready to discuss specific HTML5/CSS3 features used, cross-browser testing strategies, and how your code directly reflects the design intent. Understanding SBM's business context will be crucial for tailoring answers.

📌 Application Steps

To apply for this UX UI Designer I position:

• Submit your application through the provided link on the SBM Management careers portal.

• Curate Your Portfolio: Select 2-3 of your strongest projects that clearly demonstrate your UX/UI design process and your proficiency in HTML5/CSS3 front-end development. Ensure your portfolio highlights your ability to translate complex ideas into user-friendly, functional interfaces.

• Optimize Your Resume: Tailor your resume to emphasize the keywords and responsibilities mentioned in this job description, such as UX/UI design, wireframing, prototyping, HTML5, CSS3, user research, and cross-browser development. Quantify your achievements with specific metrics where possible.

• Prepare for a Portfolio Walkthrough: Practice presenting your chosen projects. Be ready to articulate your design rationale, the research that informed your decisions, your specific contributions, and how you implemented designs using HTML5/CSS3.

• Research SBM Offshore: Understand the company's services in facilities management and their commitment to operational efficiency. Consider how your design skills can support their business objectives and client needs.

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