Freelance Web Designer & Developer, Full Website Redesign (One-Time Project)

📍 Job Overview

Job Title: Freelance Web Designer & Developer, Full Website Redesign (One-Time Project)

Company: Hyprwork

Location: Brazil

Job Type: CONTRACTOR

Category: Web Design & Development Operations

Date Posted: 2026-08-20

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

Remote Status: Fully Remote

🚀 Role Summary

• This is a crucial one-time project focused on the complete redesign and development of the HarZa Group website, aiming for a modern, premium, and dynamic online presence.

• The role requires end-to-end ownership, from conceptualization and UI/UX design to full front-end development and deployment, ensuring a high-quality, polished final product.

• Success hinges on creating a user experience that feels dynamic, alive, and high-end, incorporating rich animations, smooth transitions, and sophisticated micro-interactions.

• The project offers significant autonomy in selecting the optimal technology stack and platform (e.g., Webflow, Framer, custom build) to achieve the desired aesthetic and functional outcomes.

📝 Enhancement Note: This role is specifically for a contractor on a one-time project, emphasizing a focused, end-to-end delivery of a complete website redesign. The core objective is to elevate the brand's online identity to reflect a premium, dynamic, and health/wellness-focused image.

📈 Primary Responsibilities

• Conceptualize, design, and develop a completely new website for HarZa Group, moving beyond minor updates to a full rebuild.

• Create visually stunning and engaging user interfaces (UI) and user experiences (UX) that convey a premium, confident, and brand-forward aesthetic.

• Implement rich, smooth animations, scroll-based motion effects, and elegant transitions to create a dynamic and alive user experience.

• Develop sophisticated micro-interactions that enhance user engagement and contribute to a high-end feel.

• Select and implement the most appropriate platform, stack, and hosting solution (e.g., Webflow, Framer, custom stack) based on project requirements and desired outcomes, providing justification for the choice.

• Ensure the final deliverable is a fully designed, developed, and live website, handed over in a clean and functional state.

• Collaborate with stakeholders to understand brand identity and translate it into a compelling digital experience.

• Ensure the website is fully responsive across all devices and screen sizes.

• Optimize website performance for speed and efficiency.

📝 Enhancement Note: The responsibilities emphasize a blend of creative design (UI/UX, animation, micro-interactions) and technical development (front-end, platform selection, deployment). The focus is on delivering a high-fidelity, polished final product that meets specific aesthetic and functional criteria.

🎓 Skills & Qualifications

Education:

• While formal education is not explicitly stated, a strong portfolio showcasing relevant projects is paramount. A degree in Computer Science, Web Design, Digital Arts, or a related field can be advantageous but is secondary to practical experience and demonstrable skills. Experience:

• 2-5 years of professional experience in web design and front-end development, with a proven track record of delivering high-quality websites.

• Demonstrated experience in successfully completing full website redesigns from concept to launch. Required Skills:

• UI/UX Design: Exceptional ability to create intuitive, engaging, and aesthetically pleasing user interfaces and experiences.

• Front-end Development: Proficiency in modern front-end technologies (HTML5, CSS3, JavaScript) and frameworks/libraries.

• Animation & Motion Design: Expertise in creating dynamic animations, scroll-based effects, and smooth transitions using relevant tools and techniques.

• Micro-interactions: Skill in designing and implementing subtle yet impactful micro-interactions that enhance user engagement.

• Platform Proficiency: Deep understanding and practical experience with platforms like Webflow or Framer, or the ability to build sophisticated custom solutions.

• Responsive Design: Ability to ensure seamless performance and appearance across all devices (desktops, tablets, mobile).

• Brand Identity Integration: Capacity to translate brand guidelines and a premium feel into a cohesive website design.

Preferred Skills:

• Experience with specific animation libraries or JavaScript frameworks (e.g., GSAP, React, Vue.js) if a custom build is considered.

• Familiarity with Namecheap hosting and migration processes.

• Understanding of SEO best practices for new website builds.

• Experience working with direct-to-consumer (DTC) health and wellness brands.

📝 Enhancement Note: The emphasis is on practical, portfolio-driven skills. While specific tools are mentioned (Webflow, Framer), the ability to choose and justify the best tool for the job is highly valued, indicating a need for strategic technical decision-making.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• End-to-End Project Showcase: Present at least 2-3 comprehensive website redesign projects that demonstrate ownership from concept to live deployment.

• Design & Development Integration: Clearly illustrate how design decisions translated into functional development, highlighting the synergy between UI/UX and front-end implementation.

• Animation & Micro-interaction Examples: Dedicate sections or specific examples within projects to showcase the use of dynamic animations, scroll-based motion, and engaging micro-interactions.

• Platform/Stack Justification: For each project, briefly explain the chosen platform or technology stack and the reasoning behind its selection, demonstrating strategic decision-making.

• Brand Alignment Examples: Show examples of how you have successfully translated brand identity and desired aesthetics into a cohesive and impactful website.

Process Documentation:

• Design Workflow: Outline your typical design process, from initial research and wireframing to high-fidelity mockups and prototyping.

• Development Workflow: Describe your front-end development process, including coding standards, version control (e.g., Git), testing methodologies, and deployment procedures.

• Platform/Tool Selection Rationale: Be prepared to articulate the criteria and decision-making process for choosing specific web platforms or custom development approaches for projects.

• Performance Optimization: Detail methods used to ensure website speed, responsiveness, and overall performance efficiency.

📝 Enhancement Note: The portfolio is critical. It needs to showcase not just the final aesthetic but the process and strategic thinking behind the design and development, especially concerning animation, micro-interactions, and platform choice.

💵 Compensation & Benefits

Salary Range:

• As this is a freelance, one-time project with a fixed scope, compensation is typically project-based rather than hourly or salary. Based on the scope of a full website redesign with advanced animation and development requirements, and considering the location in Brazil, a project fee in the range of $5,000 - $15,000 USD is a reasonable estimate. This range accounts for the complexity, the need for both design and development expertise, and the premium nature of the desired outcome.

• Methodology: This estimate is derived from industry benchmarks for freelance web design and development projects of similar scope, considering the need for specialized skills in animation and UI/UX. It also factors in the potential for higher rates for highly skilled individuals capable of delivering a "premium" feel, adjusted for the contractor nature and the specified remote location.

Benefits:

• Project-Based Compensation: Clear, fixed-price agreement for the entire project, providing budget certainty.

• Remote Work Flexibility: Full autonomy to work from anywhere within Brazil.

• Creative Freedom: Significant opportunity to define the technical stack and creative direction.

• Portfolio Enhancement: A high-profile project that can significantly enhance a designer/developer's portfolio.

• Potential for Future Engagements: Successful completion may lead to further project opportunities with HarZa Group or Hyprwork.

Working Hours:

• This is a project-based engagement, meaning the hours are flexible and determined by the contractor to meet the project deadline. The company operates on a remote-first, global model, suggesting a focus on deliverables rather than strict 9-to-5 adherence. However, the scope implies a significant time commitment, likely equivalent to 40+ hours per week during active development phases to meet project timelines.

📝 Enhancement Note: The salary is presented as an estimated project fee, reflecting the freelance nature. The benefits highlight the flexibility and creative control inherent in such a project. The working hours are estimated based on the project's scope.

🎯 Team & Company Context

🏢 Company Culture

Industry: Health and Wellness, Direct-to-Consumer (DTC) Brands.

Company Size: The description implies a fast-moving, growing company, likely a startup or scale-up. The "remote-first, global" approach suggests a lean, agile team structure. For operations, this means a need for self-starters who can manage their work independently.

Founded: The company is actively building and scaling brands, indicating it's an established entity within the DTC space, though the exact founding date isn't provided. The focus on a website redesign suggests a phase of growth and brand evolution.

Team Structure:

• Operations: Likely a small, highly efficient operations team managing brand growth.

• Cross-functional Collaboration: While this role is largely independent, collaboration will occur with marketing, brand, and potentially product teams to ensure the website aligns with overall business objectives.

• Remote-First Environment: Expect a culture that relies heavily on asynchronous communication, clear documentation, and trust in individual accountability.

Methodology:

• Agile & Fast-Paced: The company "moves fast," indicating a preference for agile methodologies, rapid iteration, and quick decision-making.

• Data-Driven: While not explicitly stated for this role, DTC brands typically rely on data analytics to drive decisions, especially concerning website performance and user behavior.

• Brand-Centric: A strong emphasis on brand identity and premium positioning is evident, requiring a focus on aesthetic quality and brand consistency.

Company Website: https://harzagroup.com/ (Note: The description mentions the current website doesn't reflect the brand, so this URL might lead to the existing site.)

📝 Enhancement Note: The company culture is geared towards rapid growth and a premium brand image. Operations professionals here need to be adaptable, self-sufficient, and comfortable with a fast-paced, remote-first environment.

📈 Career & Growth Analysis

Operations Career Level: This is a specialized, project-based role for a Freelance Web Designer & Developer, not a traditional ongoing operations position. It sits at a mid-level to senior individual contributor level, depending on the depth of experience in complex animations and platform expertise.

Reporting Structure: The role reports directly to project stakeholders within HarZa Group or Hyprwork who are overseeing the website redesign initiative. There is likely minimal direct line management, with a focus on task completion and deliverable quality.

Operations Impact: The direct impact is on the company's primary digital storefront. A successful redesign will elevate brand perception, potentially improve user engagement, lead generation, and conversion rates, directly contributing to the growth and success of HarZa Group's DTC brands.

Growth Opportunities:

• Portfolio Expansion: A significant project with a reputable company in the DTC health and wellness sector.

• Skill Development: Opportunity to deepen expertise in modern web platforms (Webflow, Framer), advanced animation techniques, and full-cycle website development.

• Client Relationship Building: Potential to establish a strong working relationship with HarZa Group or Hyprwork, leading to future project opportunities or long-term collaborations.

• Industry Exposure: Gain experience working with a fast-paced, remote-first company in the booming health and wellness industry.

📝 Enhancement Note: This role is a distinct project opportunity rather than a traditional career path within the company. Growth is measured by portfolio enhancement, skill acquisition, and potential future engagements.

🌐 Work Environment

Office Type: Fully Remote. This project is designed for contractors working from their own locations.

Office Location(s): The role is open to candidates located in Brazil.

Workspace Context:

• Autonomy: Contractors are expected to manage their own workspace, equipment, and working hours to meet project milestones.

• Tools & Technology: Access to necessary design and development software is the responsibility of the contractor. Collaboration will likely occur via project management tools, video conferencing, and shared communication platforms.

• Team Interaction: While largely independent, expect regular check-ins and feedback sessions with project managers or brand leads. The environment fosters asynchronous communication but requires clear, concise written and verbal updates.

Work Schedule: Flexible, project-driven. The contractor will need to manage their time effectively to meet the project's defined timeline and deliverables. Collaboration may require availability during specific overlapping hours for key meetings or urgent discussions, but the core work can be done asynchronously.

📝 Enhancement Note: The emphasis is on self-management and asynchronous collaboration, typical of remote contract work. Candidates need to be disciplined and organized to succeed in this environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Application & Portfolio Review: Submit your application with a strong portfolio link. The initial screening will focus on the quality and relevance of your past work, particularly in website redesigns, animation, and the chosen platforms.

• Skills Assessment/Technical Interview: A discussion focused on your technical skills, approach to design and development, and justification for platform choices. This may include a live coding or design exercise, or a deep dive into specific portfolio projects.

• Project Scope & Vision Discussion: A conversation to align on the project's goals, your understanding of the desired "premium" feel, and your proposed approach. This is where you'll present your vision for the HarZa Group website.

• Offer & Contract Negotiation: If successful, an offer for the fixed-price project will be extended, followed by contract finalization.

Portfolio Review Tips:

• Highlight Relevant Projects: Prioritize showcasing full website redesigns, especially those with advanced animations, micro-interactions, and a premium aesthetic.

• Showcase Process: Don't just show the final product. Include wireframes, mockups, and explanations of your design and development process.

• Demonstrate Technical Acumen: Clearly articulate the tools and platforms used (Webflow, Framer, custom code) and why they were the best choice for each project.

• Quantify Impact (if possible): If any previous projects had measurable outcomes (e.g., improved engagement, conversion rates), include this data.

• Tailor Your Presentation: Frame your portfolio in the context of HarZa Group's needs – a dynamic, premium, health and wellness brand website.

Challenge Preparation:

• Platform Justification: Be ready to defend your choice of Webflow, Framer, or a custom build for this specific project, outlining pros and cons.

• Animation Strategy: Prepare to discuss how you would achieve "rich, smooth animations" and "elegant transitions" within the chosen platform.

• Brand Translation: Think about how to translate "dynamic and alive," "premium," and "confident" into tangible design elements and interactive features.

• Project Management: Be prepared to discuss how you manage project timelines, communication, and deliverables for a fixed-scope contract.

📝 Enhancement Note: The interview process will heavily rely on the portfolio. Candidates must be prepared to articulate their design philosophy, technical choices, and strategic approach to achieving the specific aesthetic and functional goals of the project.

🛠 Tools & Technology Stack

Primary Tools:

• Design Software: Figma, Sketch, Adobe Creative Suite (Photoshop, Illustrator, After Effects for motion concepts).

• Prototyping Tools: Figma, InVision, ProtoPie (for advanced micro-interactions).

• Web Platforms (Mandatory consideration):

  • Webflow: For its visual design capabilities, CMS, and built-in animation features.
  • Framer: For its advanced animation and interactive design capabilities, often used for high-fidelity prototypes and dynamic websites.

• Development Environments:

  • Code Editors: VS Code, Sublime Text.
  • Version Control: Git (GitHub, GitLab, Bitbucket).

• Animation Libraries (if custom build):

  • GSAP (GreenSock Animation Platform): For complex, high-performance animations.
  • Three.js / WebGL: For 3D elements or highly advanced visual experiences (likely overkill but possible).

Analytics & Reporting:

• Google Analytics: For tracking website traffic, user behavior, and conversion rates post-launch.

• Hotjar / FullStory: For user session recordings and heatmaps to understand user interaction.

• Platform-Specific Analytics: Built-in analytics within Webflow or Framer.

CRM & Automation:

• While not directly part of the website development, understanding how the website will integrate with potential CRM (e.g., Salesforce, HubSpot) or marketing automation tools for lead capture is beneficial. The focus here is on the front-end implementation of forms and user data collection.

📝 Enhancement Note: The company is open to platform choice but specifically mentions Webflow and Framer. Candidates should be proficient in at least one, or be able to convincingly argue for a custom stack. Proficiency in animation tools and front-end development is non-negotiable.

👥 Team Culture & Values

Operations Values:

• Excellence & Craftsmanship: A strong emphasis on delivering high-quality, polished work that reflects a premium brand.

• Innovation & Creativity: Encouragement to explore modern design trends, animations, and interactive elements.

• Efficiency & Agility: The ability to work quickly and adapt to changing project needs in a fast-paced environment.

• Brand Stewardship: A deep understanding of brand identity and the ability to translate it effectively into digital experiences.

• Accountability: As a contractor, taking full ownership of deliverables and meeting project deadlines.

Collaboration Style:

• Asynchronous Communication: Primarily relies on clear written communication via project management tools and email.

• Direct Feedback: Expect direct and constructive feedback on design and development work.

• Outcome-Oriented: Focus is on achieving the project's goals and delivering a successful website, rather than rigid adherence to specific internal processes.

• Autonomy & Trust: Contractors are trusted to manage their workflow and deliver results independently.

📝 Enhancement Note: The culture values high-quality output, creative problem-solving, and efficient execution. For a contractor, this means being proactive, communicative, and delivering on commitments.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating "Premium Feel": The subjective nature of "premium," "dynamic," and "alive" requires strong interpretation skills and the ability to translate abstract concepts into concrete design and interactive elements.

• Balancing Aesthetics and Performance: Achieving rich animations and complex interactions without compromising website loading speed and overall performance.

• Platform Constraints: Working within the limitations of chosen platforms (like Webflow or Framer) while still pushing creative boundaries.

• Fixed Scope Management: Ensuring all project requirements are met within the defined scope and timeline, managing scope creep effectively.

• Remote Collaboration: Maintaining clear communication and alignment across distances without the benefit of in-person interaction.

Learning & Development Opportunities:

• Platform Mastery: Deepen expertise in advanced features of Webflow or Framer, particularly their animation and interaction capabilities.

• Animation Techniques: Enhance skills in creating sophisticated motion graphics and interactive elements for the web.

• DTC Brand Experience: Gain valuable experience working with a growing Direct-to-Consumer brand in the health and wellness sector.

• Portfolio Building: A significant project that can serve as a strong case study for future high-value freelance opportunities.

📝 Enhancement Note: The challenges are primarily related to execution and creative interpretation. The growth opportunities are focused on skill enhancement and portfolio development within a specific industry context.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a website from concept to a fully live, polished product. How do you ensure a 'premium' feel?" (Focus on your end-to-end workflow, design philosophy, and emphasis on quality.)

• "Given our goal for a dynamic and alive website with rich animations and micro-interactions, what platform or technology stack would you recommend for harzagroup.com, and why?" (Be prepared to defend Webflow, Framer, or a custom build, discussing pros/cons for this specific project.)

• "How do you approach translating abstract brand qualities like 'premium,' 'confident,' and 'brand-forward' into tangible design elements and user experiences?" (Discuss your methods for interpreting brand briefs and visualizing them.)

• "Walk me through a past website redesign project where you were responsible for both design and development. What were the biggest challenges, and how did you overcome them?" (Use a STAR method approach, highlighting your problem-solving skills.) Company & Culture Questions:

• "What do you know about the health and wellness DTC market, and how do you think a website can best serve brands in this space?" (Show you've done your research on the industry.)

• "Our company moves fast and is remote-first. How do you manage your workload and communicate effectively in such an environment?" (Highlight your self-discipline, communication skills, and comfort with asynchronous work.)

• "What does 'high-end' or 'expensive' feel mean to you in web design, and how would you achieve that for HarZa Group?" (Demonstrate an understanding of luxury aesthetics and user experience.) Portfolio Presentation Strategy:

• Curate Ruthlessly: Select only your strongest, most relevant projects. Aim for 2-3 comprehensive case studies.

• Tell a Story: For each project, explain the client's problem, your solution, your process, and the outcome. Focus on the why behind your decisions.

• Highlight Animations & Interactions: Dedicate specific slides or sections to showcasing your animation work. Use short, impactful video clips or interactive demos where possible.

• Demonstrate Technical Proficiency: Clearly state the tools, platforms, and technologies used. If you chose a specific platform, explain your rationale.

• Address the Brief: Explicitly connect your work to the requirements of the HarZa Group project – premium feel, dynamic experience, health & wellness context.

📝 Enhancement Note: Preparation should focus on articulating your strategic thinking, technical choices, and creative vision, backed by strong portfolio evidence. Be ready to discuss the "why" behind every decision.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link, ensuring your resume and portfolio are up-to-date and easily accessible.

• Portfolio Customization: Tailor your portfolio presentation to highlight projects most relevant to a full website redesign with advanced animations and a premium aesthetic. Focus on showcasing your end-to-end capabilities.

• Resume Optimization: Ensure your resume clearly outlines your experience in web design, front-end development, UI/UX, animation, and familiarity with platforms like Webflow or Framer. Quantify achievements where possible.

• Interview Preparation: Practice articulating your design process, technical justifications for platform choices, and your understanding of creating a "premium" and "dynamic" online experience. Be ready to walk through your portfolio with confidence.

• Company Research: Familiarize yourself with the HarZa Group's mission and the broader health and wellness DTC market. Understand the challenges and opportunities for a brand in this sector.

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

---