E-commerce UX/UI Brand Designer (DTC Focus)

📍 Job Overview

Job Title: E-commerce UX/UI Brand Designer (DTC Focus)

Company: Blue Stout

Location: Brazil

Job Type: Full-time / Part-time

Category: UX/UI Design, E-commerce Design, Brand Design

Date Posted: April 07, 2026

Experience Level: 2-5 Years

Remote Status: Remote Solely

🚀 Role Summary

• This role is focused on owning the end-to-end UX and UI design process for multiple Direct-to-Consumer (DTC) e-commerce brands, driving conversion-focused design decisions.

• Key responsibilities include creating wireframes, scalable UI systems, and high-fidelity mockups in Figma, translating brand ideas into consistent visual design systems.

• The designer will collaborate closely with strategists, project managers, and developers, ensuring seamless handoff, QA, and launch of e-commerce storefronts.

• A strong emphasis is placed on balancing innovative UI design with proven conversion rate optimization (CRO) best practices to deliver tangible business results.

📝 Enhancement Note: While the job title is "E-commerce UX/UI Brand Designer," the core responsibilities and non-negotiable requirements strongly point to a specialized role within digital product design focused on e-commerce performance. The emphasis on "conversion," "sales," and "results" over purely aesthetic design suggests a strategic blend of UX/UI principles and marketing-driven design. The company's description as a "DTC-focused eCommerce design agency" further reinforces this.

📈 Primary Responsibilities

• Own the complete UX and UI design lifecycle for multiple DTC e-commerce brands, from initial strategy and concept development through to final launch and iteration.

• Design clear, user-friendly, and conversion-optimized online stores and landing pages that directly contribute to client sales targets.

• Develop comprehensive wireframes, scalable UI design systems, and high-fidelity mockups using Figma, ensuring consistency and efficiency.

• Translate client brand identities and strategic objectives into cohesive and intuitive visual design systems that enhance user experience.

• Present design concepts and rationale confidently to internal teams and clients, and collaborate closely with Project Managers, Lead Designers, and developers during handoff, quality assurance (QA), and post-launch phases.

• Proactively identify usability issues, propose solutions, and implement best practices for conversion rate optimization (CRO) to continuously improve user journeys and business outcomes.

• Balance the creation of fresh, innovative UI designs with established CRO principles to maximize both aesthetic appeal and functional performance.

• Develop and diligently maintain brand identity guidelines to ensure consistency across all digital touchpoints for each client.

📝 Enhancement Note: The primary responsibilities are heavily skewed towards practical, results-oriented e-commerce design rather than theoretical UX. The emphasis on "owning projects end-to-end," "driving sales," and "balancing fresh UI with CRO" indicates a need for a designer who can operate independently, make strategic design decisions, and deliver measurable impact. The mention of "multiple DTC brands" and "async work" suggests a fast-paced agency environment requiring strong project management and communication skills.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in design principles, user experience, and visual communication is expected, likely gained through a Bachelor's degree in Graphic Design, Interaction Design, Human-Computer Interaction, or equivalent practical experience.

Experience: A minimum of 2 years of dedicated experience in UX/UI design specifically for e-commerce or DTC brands, preferably within a digital or e-commerce design agency setting. Proven track record of designing and launching live e-commerce storefronts is critical.

Required Skills:

• Minimum 2 years of agency experience in UX/UI design for e-commerce or DTC brands.

• A robust portfolio showcasing 2-3 live Shopify or Shopify Plus stores that you have designed, with URLs provided.

• Advanced proficiency in Figma for wireframing, UI system design, and high-fidelity mockups.

• Deep understanding of mobile-first design principles, core UX fundamentals, and web accessibility standards (WCAG).

• Proven ability to manage projects from initial concept through to successful launch, including user testing and iteration.

• Strong analytical skills to identify usability issues and implement data-driven CRO strategies.

• Excellent communication and presentation skills, with the ability to articulate design decisions and their impact on conversion.

• Demonstrated ability to work efficiently in a fast-paced, asynchronous, multi-client agency environment.

Preferred Skills:

• Basic understanding of HTML and CSS to facilitate effective collaboration with developers and appreciate platform constraints.

• Familiarity with front-end development concepts to better bridge the gap between design and implementation.

• Experience working within an agile development framework.

• Exposure to other e-commerce platforms such as WooCommerce or Magento.

• Prior experience in a remote-first work environment.

📝 Enhancement Note: The "Non-Negotiable Requirements" section is critical and elevates the standard expectations for this role. The emphasis on live Shopify sites designed by the candidate, agency experience, and Figma proficiency are absolute must-haves. The preferred skills indicate a desire for a candidate with a broader understanding of the technical implementation side of e-commerce design, enhancing their ability to collaborate and deliver practical, performant solutions.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Live Shopify/Shopify Plus Stores: A minimum of 2-3 URLs to live e-commerce storefronts designed and launched by the applicant. This is the primary filter for applications.

• Conversion-Focused Case Studies: Showcase projects where design decisions directly influenced conversion rates or other key e-commerce metrics. Quantifiable results (e.g., "increased conversion by X%", "reduced bounce rate by Y%") are highly valued.

• Brand System Integration: Demonstrate how brand identity was translated into a cohesive and scalable visual design system applied across the e-commerce platform.

• End-to-End Project Ownership: Present projects that clearly illustrate your role from initial concept, strategy, wireframing, UI design, prototyping, to final launch and any subsequent optimization.

Process Documentation:

• Workflow Design & Optimization: Examples of how you've mapped out user flows, identified pain points, and designed optimized customer journeys for e-commerce.

• System Implementation: Showcase your process for creating and maintaining UI design systems that ensure consistency and efficiency across multiple client projects.

• Collaboration & Handoff: Illustrate your process for collaborating with strategists, developers, and project managers, including how you prepare design assets and specifications for seamless handoff and QA.

• CRO Integration: Detail your methodology for incorporating conversion rate optimization principles into the design process, including research, testing, and iteration.

📝 Enhancement Note: The portfolio is not just a showcase of aesthetic skill but a validation of practical, results-driven e-commerce design experience. The explicit requirement for live Shopify sites and the optional (but encouraged) request for a conversion-focused design decision highlight that the agency prioritizes tangible business outcomes and a deep understanding of e-commerce performance drivers.

💵 Compensation & Benefits

Salary Range: Based on the provided information (competitive, based on experience) and the role's requirements (2+ years agency experience, Shopify expertise, advanced Figma skills, remote in Brazil), a competitive salary range for a UX/UI Designer with this profile in Brazil would typically fall between R$ 6.000 to R$ 12.000 per month, depending on the specific experience, portfolio strength, and negotiation. This translates to approximately $1,200 - $2,400 USD per month, adjusted for the Brazilian market and considering the remote nature.

Benefits:

• Competitive salary commensurate with experience and demonstrated results.

• Opportunity to work with a diverse portfolio of exciting DTC and Fortune 1000 e-commerce brands.

• Flexible remote work environment, allowing for work from anywhere within Brazil.

• Collaborative and results-oriented agency culture that values speed, clarity, and taste.

• Potential for professional growth and skill development within a specialized e-commerce design agency.

• Exposure to cutting-edge design trends and conversion optimization strategies.

Working Hours: The role is described as Full-time or Part-time, with an implied standard full-time commitment of approximately 40 hours per week. The emphasis on "async, and across multiple clients simultaneously" suggests a need for efficient time management and flexibility, rather than strict 9-to-5 adherence, though consistent availability for collaboration is expected.

📝 Enhancement Note: Salary is estimated based on typical compensation for experienced UX/UI designers in Brazil for remote roles, adjusted for agency experience and specialized e-commerce skills. The benefits are inferred from the company's description and the nature of remote agency work, focusing on professional development and work flexibility. The working hours are derived from the "Full-time or Part-time" and an implied standard workload.

🎯 Team & Company Context

🏢 Company Culture

Industry: E-commerce Design Agency, specializing in Direct-to-Consumer (DTC) brands. The company operates within the broader digital design and marketing services sector, focusing on creating high-converting online storefronts.

Company Size: Not explicitly stated, but described as an agency working with "fast-moving startups to household-name DTC brands and Fortune 1000 companies," suggesting a medium-sized agency with a robust client roster and likely a team of 20-100+ professionals.

Founded: Not specified, but the agency's focus on DTC and e-commerce implies a relatively modern establishment, likely founded within the last 5-15 years to be competitive in the current digital landscape.

Team Structure:

• The design team likely operates with a Lead Designer overseeing junior and mid-level designers.

• Designers collaborate closely with dedicated Strategists, Project Managers (PMs), and Developers.

• Cross-functional collaboration is essential, with designers needing to integrate seamlessly with client-facing strategists and technical implementation teams.

Methodology:

• Data-Driven Design: Emphasis on conversion rate optimization (CRO) and using data to inform design decisions and measure success.

• Agile & Iterative: Likely employs agile methodologies for project management, allowing for rapid iteration and adaptation based on client feedback and performance data.

• Client-Centric Approach: Focus on understanding client business goals (clarity, speed, conversion, taste) and delivering solutions that meet those objectives.

• Process-Oriented: Structured approach to design, from strategy and wireframing to UI system creation and developer handoff, ensuring consistency and efficiency.

Company Website: bluestout.com

📝 Enhancement Note: The company culture is clearly defined by its focus on results ("design pretty things that don't sell, this won't be fun for you") and its specialized niche in DTC e-commerce. This implies a fast-paced, client-focused, and performance-driven environment where designers are expected to contribute directly to business outcomes.

📈 Career & Growth Analysis

Operations Career Level: This role represents a mid-level to senior-level position within the UX/UI design discipline, specifically focused on e-commerce. It requires a solid foundation of 2+ years of experience and the ability to "own projects end-to-end," indicating a degree of autonomy and responsibility beyond junior design tasks.

Reporting Structure: The designer will likely report to a Lead Designer or Design Manager for functional guidance and career development. For project-specific tasks, they will work under the direction of Project Managers and collaborate closely with Strategists and Developers.

Operations Impact: The impact of this role is direct and measurable. By designing high-converting e-commerce storefronts, the designer significantly influences client revenue, customer acquisition, and brand perception. Success is tied to tangible business metrics like conversion rates, average order value, and customer retention.

Growth Opportunities:

• Specialization: Deepen expertise in DTC e-commerce UX/UI design, becoming a go-to expert for high-growth online brands.

• Leadership: Progress to a Lead Designer or Art Director role, managing design teams, mentoring junior designers, and overseeing larger client projects.

• Strategic Contribution: Develop stronger strategic thinking, contributing more significantly to client strategy sessions and influencing the overall direction of e-commerce projects.

• Skill Expansion: Potentially gain exposure to front-end development concepts, advanced CRO strategies, or even broader brand strategy through client work.

📝 Enhancement Note: The growth path for a successful candidate likely involves deepening their specialization in e-commerce CRO and user experience, moving into leadership roles within the agency, or potentially transitioning into in-house e-commerce roles for client brands. The agency environment offers broad exposure to different DTC brands, which can accelerate learning.

🌐 Work Environment

Office Type: This is a fully remote position, with the company seeking candidates located in Brazil. The agency operates as a remote-first organization, meaning remote work is the standard operational model.

Office Location(s): The role is remote and specifically open to candidates residing in Brazil. There is no requirement to work from a physical office location.

Workspace Context:

• Collaborative Digital Space: While physically dispersed, the team relies heavily on digital collaboration tools (Figma, Slack, project management software) to maintain connection and workflow.

• Technology & Tools: Access to industry-standard design software (Figma), communication platforms, and project management systems is expected.

• Cross-functional Interaction: Opportunities for frequent interaction with strategists, developers, and project managers to ensure alignment on project goals and execution.

Work Schedule: The role is described as Full-time or Part-time, with an implied 40-hour work week for full-time. The agency's emphasis on "async, and across multiple clients" suggests a need for flexible scheduling and efficient time management, allowing individuals to structure their workday to meet deadlines and collaborate effectively across different time zones or working preferences within Brazil.

📝 Enhancement Note: The remote-first nature is a defining characteristic of the work environment. This requires strong self-discipline, proactive communication, and comfort with digital collaboration tools. The flexibility offered by async work is a key benefit, but it also demands high levels of accountability.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of application materials, with a strong emphasis on the portfolio's adherence to requirements (live Shopify sites, URLs).

• Portfolio Review & Discussion: A dedicated session with a Lead Designer or hiring manager to walk through selected portfolio pieces, focusing on design rationale, process, and impact.

• Skills Assessment/Challenge: Potentially a design exercise or case study presentation focusing on a specific e-commerce UX/UI challenge, testing problem-solving skills, design thinking, and CRO knowledge.

• Team/Cultural Fit Interview: Discussion with team members (strategists, developers) to assess collaboration style, communication skills, and alignment with the agency's results-driven culture.

• Final Interview: May involve a conversation with a senior leader to discuss overall fit, career aspirations, and final terms.

Portfolio Review Tips:

• Prioritize Live Work: Ensure your 2-3 featured Shopify/Shopify Plus sites are prominent, with clear URLs and brief descriptions of your role and the project's goals.

• Quantify Impact: For each featured project, explicitly state the design decisions you made and how they contributed to specific conversion metrics or business objectives. Use data where possible.

• Showcase Process: Briefly explain your design process for each project, from understanding the client's needs to executing the final design. Highlight your use of Figma and how you built scalable design systems.

• Articulate Rationale: Be prepared to defend your design choices. Explain why you made certain decisions, linking them back to user needs, brand goals, and CRO best practices.

• Address DTC Focus: Emphasize your understanding of the DTC model and how your designs cater to direct customer relationships and online sales.

Challenge Preparation:

• Understand the Brief: If given a design challenge, thoroughly analyze the brief, identify key objectives, target audience, and any constraints.

• Focus on CRO: Frame your approach and solutions through the lens of conversion rate optimization. How will your design drive more sales or better user engagement?

• Demonstrate Figma Proficiency: Be ready to present your process and potential solutions using Figma.

• Communicate Clearly: Practice articulating your thought process, design decisions, and expected outcomes concisely and effectively.

📝 Enhancement Note: The application process is heavily weighted towards the portfolio. Candidates must meticulously prepare their portfolio to meet the explicit requirements. The interview process will likely drill down into the "why" behind design decisions, especially concerning conversion impact.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for wireframing, UI design, prototyping, and creating scalable design systems. Advanced proficiency is a non-negotiable requirement.

• Project Management Software: Tools like Asana, Trello, Jira, or Monday.com are likely used for task management, tracking project progress, and team collaboration.

• Communication Platforms: Slack, Microsoft Teams, or similar for real-time messaging, team coordination, and asynchronous communication.

Analytics & Reporting:

• Google Analytics: To understand user behavior on live sites, track traffic sources, conversion rates, and identify areas for improvement.

• Shopify Analytics: To monitor sales performance, conversion rates, AOV, and other key e-commerce metrics specific to the platform.

• Hotjar/FullStory (or similar): Tools for heatmaps, session recordings, and user feedback to gain qualitative insights into user interactions.

CRM & Automation:

Other Potential Tools:

• Adobe Creative Suite (Photoshop, Illustrator): May be used for asset creation or manipulation, though Figma is the primary UI design tool.

• Prototyping Tools: While Figma has robust prototyping capabilities, other tools like InVision might be used in certain workflows.

• Basic HTML/CSS Understanding: Not a tool, but a foundational knowledge crucial for effective collaboration.

📝 Enhancement Note: Figma is the core design tool. Understanding e-commerce analytics platforms is crucial for a designer focused on conversion. The mention of HTML/CSS in preferred skills highlights the value placed on a designer who understands the technical underpinnings of web development.

👥 Team Culture & Values

Operations Values:

• Results-Oriented: A primary value is delivering tangible business outcomes, particularly driving sales and conversions for clients. Pretty designs are secondary to performance.

• Clarity & Speed: Emphasis on clear, concise communication and design, coupled with the ability to work efficiently and deliver quickly in a fast-paced agency environment.

• Taste & Quality: While results are paramount, there's also a stated value for good design ("taste"), implying a standard of aesthetic quality and professionalism.

• Collaboration & Communication: Strong emphasis on working effectively with cross-functional teams (strategists, developers) and clients, especially in an asynchronous, remote setting.

• Proactivity & Accountability: Designers are expected to take ownership of their work, proactively communicate any risks or issues, and be accountable for meeting deadlines.

Collaboration Style:

• Cross-functional Integration: Designers are expected to work very closely with strategists to understand client goals and with developers to ensure designs are feasible and implemented correctly.

• Async Communication: A significant portion of collaboration will likely occur asynchronously via tools like Slack, requiring clear, detailed written communication.

• Feedback-Driven: Openness to receiving and providing constructive feedback is essential for team growth and project success.

• Client-Focused: All collaboration efforts are ultimately geared towards meeting and exceeding client expectations and business objectives.

📝 Enhancement Note: The agency's values are very clearly articulated and are critical for candidates to understand. The "pretty things that don't sell" statement is a strong indicator of their priorities. A candidate who thrives on delivering measurable results and can communicate effectively in a remote, fast-paced setting will be a good fit.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Aesthetics with Performance: Continuously finding the sweet spot between innovative, appealing UI design and the strict demands of conversion rate optimization can be a constant challenge.

• Managing Multiple Clients: Juggling design responsibilities for several distinct DTC brands simultaneously, each with unique brand guidelines, target audiences, and performance goals.

• Async Communication Nuances: Ensuring clear understanding and avoiding misinterpretations in a primarily asynchronous communication environment across different projects.

• Keeping Pace with E-commerce Trends: The e-commerce landscape evolves rapidly; staying current with new platform features, design trends, and CRO tactics requires continuous learning.

• Developer Handoff & Platform Constraints: Effectively communicating designs to developers and navigating the specific constraints and capabilities of platforms like Shopify.

Learning & Development Opportunities:

• Deep Dive into CRO: Become an expert in conversion rate optimization techniques specifically for e-commerce, learning to leverage A/B testing and user analytics to drive significant business impact.

• Advanced Figma Skills: Master advanced features within Figma, potentially including complex component systems, automation scripts, and collaborative workflows.

• E-commerce Platform Expertise: Gain deeper knowledge of Shopify Plus capabilities, theme architecture, and best practices for building high-performance storefronts.

• Client Strategy Exposure: Through close collaboration, develop a stronger understanding of e-commerce business strategy, marketing funnels, and brand building.

• Remote Work Best Practices: Hone skills in remote collaboration, time management, and self-discipline, which are valuable in today's work environment.

📝 Enhancement Note: The challenges are inherent to a specialized, performance-driven agency role. Growth opportunities are significant for someone who can master the intersection of design, e-commerce, and conversion optimization.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to balance a client's desire for a trendy design with the need for conversion optimization. How did you approach it, and what was the outcome?" (Focus: CRO vs. Aesthetics, Decision Making)

• "Walk us through your process for designing a new Shopify store from scratch. What are the key stages, and how do you ensure it's conversion-focused?" (Focus: Process, E-commerce Specifics, CRO Integration)

Company & Culture Questions:

• "What does 'taste, speed, and conversion' mean to you in the context of e-commerce design?" (Focus: Understanding Company Values)

• "What are your thoughts on Dribbble shots vs. live, functional e-commerce sites? Which do you prioritize, and why?" (Focus: Results-Oriented Mindset)

Portfolio Presentation Strategy:

• "Figma Hero" Integration: Be ready to discuss how you leverage Figma to achieve specific design outcomes, perhaps even demonstrating a quick Figma workflow related to a portfolio piece.

• Live Site Deep Dive: For your featured Shopify sites, be prepared to articulate specific design choices, the user flows you designed, and the rationale behind them, linking each to potential conversion impact.

• Quantify Everything: For any claim of improvement, have data or a logical explanation of how your design contributed. If specific metrics aren't available, explain the intended impact and the reasoning.

• Showcase Problem-Solving: Highlight instances where you identified a design problem (usability, conversion bottleneck) and how you solved it effectively.

• Client Communication Example: Be ready to share how you presented designs, gathered feedback, and managed client expectations throughout a project.

📝 Enhancement Note: Interview preparation should heavily focus on the portfolio and articulating how your design decisions lead to measurable business results for e-commerce clients. Demonstrating an understanding of CRO and the practicalities of Shopify development is key.

📌 Application Steps

To apply for this E-commerce UX/UI Brand Designer position:

• Submit Your Application: Use the provided link to submit your application through the Workable platform.

• Curate Your Portfolio: Ensure your portfolio prominently features 2-3 live Shopify or Shopify Plus store URLs that you personally designed. Applications without this are not reviewed.

• Craft Your Resume: Tailor your resume to highlight agency experience, DTC e-commerce projects, advanced Figma proficiency, and any quantifiable achievements in conversion rate optimization.

• Prepare for the "Figma Hero" Prompt: Integrate the phrase "Figma Hero" naturally into your application, perhaps in your cover letter or a specific section where you discuss your Figma expertise.

• Research Blue Stout: Understand their client roster, design philosophy (clarity, speed, conversion, taste), and the DTC e-commerce space. Be ready to discuss why you're a good fit for their results-driven culture.

• Optional: Craft Your Conversion Note: If you choose to include a short note explaining a design decision that improved conversion, make it concise, specific, and data-backed or logically reasoned.

⚠️ 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.