UX Developer

📍 Job Overview

Job Title: UX Developer

Company: SoftwareSeni

Location: Yogyakarta, Yogyakarta, Indonesia

Job Type: CONTRACTOR

Category: UX/UI Development & Design

Date Posted: June 11, 2025

Experience Level: Mid-Senior Level (3+ Years)

Remote Status: On-site

🎨 Role Summary

• Design and develop user-centric web interfaces with a strong focus on usability, accessibility, and responsiveness.
• Translate UX/UI designs into standards-compliant HTML/CSS layouts that work seamlessly across devices and browsers.
• Collaborate with designers, developers, and product managers to ensure alignment between design intent and technical implementation.
• Apply visual design principles, including layout, hierarchy, typography, and color, to create cohesive and engaging user experiences.

🖼️ Primary Responsibilities

• Design and develop user-centric web interfaces with a strong focus on usability, accessibility, and responsiveness.
• Translate UX/UI designs into standards-compliant HTML/CSS layouts that work seamlessly across devices and browsers.
• Collaborate with designers, developers, and product managers to ensure alignment between design intent and technical implementation.
• Apply visual design principles, including layout, hierarchy, typography, and color, to create cohesive and engaging user experiences.
• Communicate and present ideas clearly to cross-functional teams, contributing to creative and technical decision-making.
• Conduct usability testing and incorporate feedback from users, stakeholders, and business objectives to refine and enhance the final design before handoff to the development team.
• Maintain design consistency across platforms and contribute to the evolution of design systems or UI component libraries.
• Stay updated with industry trends, tools, and best practices in UX design and front-end development.

🎓 Skills & Qualifications

Education: A degree in Design, Computer Science, Human-Computer Interaction (HCI), or a related field is typically preferred, although equivalent practical experience and a strong portfolio demonstrating expertise in both design and development aspects are often highly valued.

Experience: At least 3 years of experience in UX design and/or product design, with a proven track record of designing and developing digital products. A strong portfolio showcasing both design process and implemented front-end work is essential.

Required Skills:

• Experienced in designing digital products with a strong portfolio.
• At least 3 years of experience in UX and/or product design.
• Proficiency in HTML and CSS for translating designs into code.
• Strong understanding of design and usability principles (Visual hierarchy, information architecture, color, spacing, typography, etc.).
• Proficient in design & prototyping tools such as Figma & Adobe Family (e.g., Photoshop, Illustrator).
• Advanced English skill level for effective international team communication.
• Excellent attitude and interpersonal skills for collaboration.

Preferred Skills:

• Basic understanding of JavaScript for interactive elements.
• Experience working with CMS platforms like WordPress.
• Experience contributing to or maintaining design systems or UI component libraries.
• Familiarity with version control systems like Git.

🎨 Portfolio & Creative Requirements

Portfolio Essentials:

• Showcase a strong portfolio demonstrating experience in designing and developing digital products.
• Include case studies that detail your UX design process, from research and ideation to implementation and testing.
• Present visually appealing and well-structured examples of your work, highlighting your understanding of visual hierarchy, typography, and color.
• Provide examples of how you translated designs into functional HTML/CSS layouts, demonstrating your front-end development skills.

Process Documentation:

• Detail your approach to the research and discovery phase of a project, including user research methods and insights.
• Explain your methods for ideation and iteration, including sketching, wireframing, and prototyping.
• Describe your approaches to validation and testing, such as usability testing and incorporating user feedback.

💵 Compensation & Benefits

Salary Range: While a specific salary range is not provided, based on industry data for a Mid-Senior Level UX/UI Developer in Yogyakarta, Indonesia, the estimated annual gross salary range is typically IDR 120,000,000 - IDR 240,000,000. This estimate is based on average compensation data, factoring in the required experience level (3+ years), the hybrid nature of the role (UX/Front-end), and the cost of living in Yogyakarta. Actual compensation may vary based on the candidate's specific experience, skills, and negotiation.

Benefits:

• Competitive Salary: Acknowledging the importance of competitive compensation.
• Career Development & Training: Opportunities for professional growth and skill enhancement.
• Reasonable & Flexible Schedules: Encouraging a healthy work-life balance.
• English Class: Support for improving English language proficiency, crucial for international collaboration.
• Annual Leave entitlement: 12 working days per year, available after 3 months of employment.
• Salary Review Twice a year: Regular performance and salary reviews in December and June.
• Relocation Allowance: Provided for candidates moving to Yogyakarta.
• Staff Engagement Activities: Fun activities to build team relationships.
• Birthday Leave: Half-day leave to celebrate your birthday.

Working Hours: The company encourages flexible schedules to support work-life balance. While not explicitly stated, a standard full-time work week is likely expected, with flexibility around daily start and end times.

🎯Team & Company Context

🏢 Company & Design Culture

Industry: IT Services and IT Consulting. SoftwareSeni is a software development company specializing in building enterprise web-based solutions and mobile experiences for a diverse range of clients.

Company Size: 51-200 employees (LinkedIn data shows 174). This size suggests a structured environment with established processes but likely still offers opportunities for individual impact and close collaboration within teams.

Founded: 2013. With over a decade in operation, SoftwareSeni has a solid foundation and experience in the software development industry.

Team Structure:

• The company operates with development centers in Indonesia and headquarters in Australia, indicating a distributed team structure.
• Collaboration will be required with designers, developers, and product managers across these locations.
• The structure likely involves project-based teams working on solutions for various clients.

Methodology:

• Given their focus on software development and client projects, they likely utilize agile or hybrid methodologies.
• The role's emphasis on usability testing and incorporating feedback suggests a user-centered approach is integrated into their process.
• Experience with collaborating in a development environment implies familiarity with standard development workflows.

Company Website: https://www.softwareseni.com

📈 Career & Growth Analysis

Design Career Level: This role is positioned at a Mid-Senior level, requiring at least 3 years of relevant experience. It's a key individual contributor role that bridges design and development.

Reporting Structure: While not explicitly stated, a UX Developer in this structure would likely report to a Design Lead, Project Manager, or a Technical Lead, depending on the specific project and team setup.

Design Impact: As a UX Developer, you will have a direct impact on the final delivered user interface of client projects, ensuring that design intent is accurately translated into functional and responsive code, significantly influencing the end-user experience.

Growth Opportunities:

• Specialization: Opportunities to deepen expertise in specific areas like front-end frameworks (though not explicitly required, it could be a growth path), accessibility standards, or advanced UI interactions.
• Mentorship: Potential to mentor junior designers or developers on best practices in UX implementation and front-end techniques.
• Leadership: With sufficient experience and demonstrated impact, there could be opportunities to move into a Lead UX Developer or a related technical leadership role within project teams.

🌐 Work Environment

Studio Type: The role is listed as On-site in Yogyakarta. This suggests a traditional office or studio environment where the team primarily works together physically.

Office Location(s): Jl. Prof. Herman Yohanes, No.1125 Unit A & B, Terban, Kec. Gondokusuman, Kota Yogyakarta, Yogyakarta 55242, Indonesia. SoftwareSeni also has an office in Sydney, Australia.

Design Workspace Context:

• Working on-site in Yogyakarta provides opportunities for direct collaboration and communication with local team members.
• The workspace is likely set up to facilitate both individual focus and team collaboration, with necessary tools and infrastructure for design and development work.
• Being part of a larger office allows for interaction with professionals across different disciplines.

Work Schedule: The company offers "Reasonable & Flexible Schedules," indicating a culture that supports work-life balance within the on-site requirement. While core hours may exist for team meetings, there's likely flexibility around start and end times.

📄 Application & Portfolio Review Process

Design Interview Process:

• The process will likely begin with an initial screening call to assess basic qualifications and fit.
• Expect a portfolio review round where you will be asked to present and discuss your past work, particularly focusing on projects that showcase both your UX design process and your front-end implementation skills.
• A technical interview or assessment may follow, evaluating your proficiency in HTML, CSS, and potentially basic JavaScript. This could involve coding exercises or discussions about your approach to translating designs into code.
• Interviews with team members, including designers, developers, and potentially a project manager, to assess collaboration skills and cultural fit.
• A final interview with a hiring manager or lead to discuss the role in more detail and make a final decision.

Portfolio Review Tips:

• Curate your portfolio to specifically highlight projects where you were involved in both the UX design phase and the front-end development/implementation.
• For each case study, clearly articulate the problem you were solving, your design process (research, ideation, testing), your design decisions, and how you translated those designs into functional HTML/CSS.
• Showcase your understanding of responsive design and how you ensured your layouts worked across different devices.
• Be prepared to discuss the technical challenges you faced during implementation and how you overcame them.

Challenge Preparation:

• If a design or coding challenge is included, it will likely involve taking a design concept and implementing it in HTML/CSS, focusing on accuracy, responsiveness, and potentially accessibility.
• Practice translating designs from tools like Figma into clean, semantic HTML and well-structured CSS.
• Be prepared to explain your coding choices and demonstrate your understanding of front-end best practices.

ATS Keywords: UX Design, Product Design, UI Design, HTML, CSS, JavaScript, Figma, Adobe Creative Suite, WordPress, Usability, Accessibility, Responsive Design, Information Architecture, Visual Hierarchy, Typography, Collaboration, Communication, Prototyping, Wireframing, User Research, Usability Testing, Front-end Development, Web Development, Digital Products, Design Systems, UI Components, Git.

🛠 Tools & Technology Stack

Primary Design Tools:

• Figma: Expected for UI design, prototyping, and collaboration with designers. Proficiency in creating interactive prototypes and working with design systems within Figma is likely required.
• Adobe Family: Including tools like Photoshop and Illustrator for image editing, asset creation, and potentially more complex visual design tasks. Skill level expected for adapting and preparing assets for web implementation.

Collaboration & Handoff:

• Tools for design handoff (like Figma's inspect mode or potentially Zeplin/Avocode, though not explicitly mentioned) to facilitate collaboration with back-end developers.
• Communication platforms (e.g., Slack, Microsoft Teams) for daily interaction with distributed teams.

Research & Testing:

• While specific tools aren't listed, experience with tools for conducting usability testing (e.g., UserTesting.com, Lookback) or gathering user feedback is beneficial, given the responsibilities mention usability testing.

👥 Team Culture & Values

Design Values:

• User-Centricity: A strong focus on designing and developing interfaces with the end-user in mind, prioritizing usability and accessibility.
• Quality & Craftsmanship: Emphasis on translating designs into well-structured, standards-compliant code that is both functional and maintainable.
• Collaboration: Valuing close interaction and communication between design, development, and product teams to ensure successful project outcomes.
• Continuous Improvement: Staying updated with industry trends and best practices in both UX and front-end development.

Collaboration Style:

• Cross-functional collaboration is key, working closely with different teams across locations.
• Likely involves regular meetings for project updates, design reviews, and technical discussions.
• A culture that encourages clear communication and sharing of ideas, especially given the distributed team structure.

⚡ Challenges & Growth Opportunities

Design Challenges:

• Balancing design intent with technical feasibility and project constraints during implementation.
• Ensuring consistency and maintainability of code and design elements across various projects and platforms.
• Effectively communicating design decisions and technical approaches to both design and development teams.
• Staying current with rapidly evolving web technologies and design trends while maintaining focus on core responsibilities.

Learning & Development Opportunities:

• Opportunities to deepen expertise in front-end development frameworks or libraries.
• Potential for cross-training or learning in related areas like back-end development or more advanced UX research methods.
• Access to training resources and mentorship within the company to enhance both design and technical skills.

💡 Interview Preparation

Design Process Questions:

• Be prepared to walk through your design process for a specific project from your portfolio, highlighting your approach to user research, ideation, and testing.
• Discuss how you collaborate with stakeholders and incorporate feedback into your design iterations.
• Explain how you translate user needs and business requirements into tangible design solutions.

Company Culture Questions:

• Research SoftwareSeni's past projects and clients to understand their business and the types of solutions they build.
• Be ready to discuss how you handle collaboration in a distributed team environment and your experience working with developers and product managers.
• Ask questions about the design team structure, their workflow, and how design impact is measured within the company.

Portfolio Presentation Strategy:

• Select 2-3 projects that best showcase your combined UX design and front-end development skills.
• For each project, clearly articulate your role and responsibilities.
• Focus on the "why" behind your design and technical decisions.
• Be prepared to demonstrate the live implementation of your designs if possible, highlighting responsiveness and code quality.

📌 Application Steps

To apply for this design position:

• Submit your application through this link
• Carefully review your portfolio to ensure it clearly showcases projects where you had significant involvement in both the UX design process and the front-end implementation using HTML/CSS. Select case studies that demonstrate your ability to translate design concepts into functional, responsive interfaces.
• Optimize your resume to include relevant keywords such as "UX Design," "Product Design," "HTML," "CSS," "Figma," and "Responsive Design." Highlight your experience in collaborating with developers and translating designs into code.
• Prepare for the interview by practicing explaining your design process and technical implementation choices for your portfolio projects. Be ready to discuss how you handle challenges in bridging the gap between design and development.
• Research SoftwareSeni and their client work to understand their business context and the types of projects you might be working on. This will help you tailor your responses and ask informed questions during the interview.