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: Colombia

Job Type: CONTRACTOR

Category: Web Development & Design Operations

Date Posted: 2026-08-20

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

Remote Status: Fully Remote

🚀 Role Summary

• This is a high-impact, one-time project focused on the complete redesign and development of a corporate website for HarZa Group, a direct-to-consumer health and wellness brand.

• The core objective is to create a dynamic, modern, and premium online presence that accurately reflects the brand's identity and value proposition.

• This role demands end-to-end ownership, encompassing both the visual design (UI/UX) and the technical development of the entire website from concept to deployment.

• Success hinges on delivering a rich, engaging user experience characterized by smooth animations, scroll-based motion, elegant transitions, and sophisticated micro-interactions.

📝 Enhancement Note: While the job title suggests a freelance/contractor role, the scope and emphasis on end-to-end ownership and brand representation indicate a need for a highly skilled and experienced individual or small team capable of managing a significant project. The "operations" aspect here is in managing the entire lifecycle of a digital asset (the website) from ideation to final delivery, akin to project operations within a GTM context.

📈 Primary Responsibilities

• Conceptualize and design a modern, premium, and brand-forward website that embodies dynamism and a high-end feel.

• Develop a rich user experience through advanced animations, scroll-based motion, elegant transitions, and engaging micro-interactions.

• Take full ownership of the website's development, from initial wireframing and prototyping to final implementation and deployment.

• Select and implement the most appropriate technology stack and platform (e.g., Webflow, Framer, custom build), providing a clear rationale for the choice.

• Ensure the final website is fully responsive, optimized for performance, and seamlessly live on the designated domain (harzagroup.com).

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

• Manage project timelines and deliverables efficiently to ensure the successful completion of this one-time, fixed-scope engagement.

📝 Enhancement Note: The responsibilities emphasize a blend of creative design and technical development, requiring a candidate who can operate autonomously across both disciplines. The "operations" aspect is in the project management and execution of a complex digital transformation.

🎓 Skills & Qualifications

Education:

• Bachelor's degree in Web Design, Computer Science, Graphic Design, or a related field, or equivalent practical experience. Experience:

• Proven experience in end-to-end website redesign and development projects, delivering high-quality, visually rich digital experiences.

• Demonstrated ability to manage a project from concept through to a live, polished website launch. Required Skills:

• Web Design & UI/UX: Exceptional eye for detail, modern aesthetics, and creating high-end, premium user interfaces.

• Front-end Development: Proficiency in HTML, CSS, and JavaScript to implement complex designs and animations.

• Animation & Motion Design: Strong skills in creating dynamic scroll-based animations, transitions, and micro-interactions.

• Platform Expertise: Demonstrated experience with modern web development platforms such as Webflow or Framer, or a strong portfolio showcasing custom builds.

• Responsive Design: Ability to ensure a seamless and engaging experience across all devices and screen sizes.

• Brand Identity Integration: Skill in translating brand guidelines and messaging into a cohesive and impactful digital presence.

Preferred Skills:

• Portfolio Showcase: A portfolio that clearly demonstrates experience with dynamic, animated, and premium-feeling websites.

• Performance Optimization: Understanding of web performance best practices to ensure fast loading times and smooth user experiences.

• SEO Fundamentals: Basic knowledge of on-page SEO principles to ensure the new website is discoverable.

• Content Management Systems (CMS): Familiarity with CMS platforms beyond Webflow/Framer, if a custom build is proposed.

📝 Enhancement Note: The emphasis on "premium," "dynamic," and "expensive-feeling" work suggests a need for a designer/developer with a strong portfolio showcasing sophisticated visual design and interactive elements, rather than just functional websites. The platform expertise is flexible, encouraging candidates to propose their preferred, most effective solution.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing past website redesign projects with a focus on dynamic visuals, animations, and premium user experiences.

• Detailed case studies for at least two significant website redesign projects, highlighting the problem, your proposed solution, the design process, development challenges, and final outcomes.

• Examples of projects that demonstrate sophisticated micro-interactions, scroll-based animations, and elegant transitions.

• Evidence of ability to select and effectively utilize appropriate web development platforms (e.g., Webflow, Framer) or custom development stacks.

• A clear demonstration of how your work aligns with brand identity and elevates a brand's perceived value. Process Documentation:

• A clear proposal outlining your recommended platform/stack (Webflow, Framer, custom build, etc.) and a detailed rationale for your choice, including technical considerations, development efficiency, and ongoing maintenance.

• A proposed project timeline with key milestones for design, development, testing, and launch.

• A plan for how you will ensure the website is fully responsive and optimized for performance across various devices and browsers.

• A strategy for handling the handover of the live website, including any necessary documentation or training for the client's internal team if applicable.

📝 Enhancement Note: The portfolio is paramount for this role, serving as the primary evaluation tool. Candidates must be prepared to articulate their design and development process, justifying their technical and aesthetic choices. The "process" here refers to the project execution methodology.

💵 Compensation & Benefits

Salary Range:

• Given this is a one-time, fixed-scope project for a contractor, compensation will be project-based. Based on the scope of a full website redesign and development with advanced animations, for a mid-level professional in Colombia, a project fee ranging from $4,000 to $12,000 USD is a reasonable estimate. This range accounts for varying levels of complexity, the chosen technology stack, and the depth of animation/interaction required. The final project fee will be negotiated based on the candidate's proposal, experience, and the detailed scope of work. Benefits:

• Flexible Work Hours: As a contractor, you will have the flexibility to set your own working hours, provided project deadlines are met.

• Remote Work: Fully remote position, allowing you to work from anywhere within Colombia.

• Project Ownership: Full creative and technical control over a significant website redesign project.

• Brand Exposure: Opportunity to work with a fast-growing D2C health and wellness company and build a high-profile case study.

• Fixed-Scope Project: Clear project boundaries and a defined deliverable, allowing for predictable project management.

Working Hours:

• The role is project-based, with an estimated workload equivalent to 40 hours per week to complete the project within a reasonable timeframe. However, the specific daily schedule is flexible, allowing the contractor to manage their time effectively to meet project milestones.

📝 Enhancement Note: Salary estimation is based on typical project rates for freelance web design and development with advanced features in regions with a moderate cost of living, such as Colombia. This is a project fee, not an hourly or annual salary.

🎯 Team & Company Context

🏢 Company Culture

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

Company Size: Hyprwork (the hiring entity) is a platform connecting talent with companies. HarZa Group's size is not explicitly stated but operates as a fast-moving, remote-first organization building multiple D2C brands.

Founded: HarZa Group's founding date is not specified, but it is described as a rapidly scaling entity.

Team Structure:

• This role operates within the context of HarZa Group, a company that emphasizes a remote-first, global approach.

• You will likely report to a marketing lead, brand manager, or a project manager responsible for digital presence.

• Collaboration will be primarily digital, with cross-functional interaction expected with marketing, brand, and potentially product teams. Methodology:

• HarZa Group operates with a fast-paced, agile methodology, common in D2C and tech environments.

• Emphasis is placed on data-driven decision-making and rapid iteration to scale brands.

• The company values innovation and a proactive approach to problem-solving.

Company Website: [Hyprwork Company Website URL - not provided, but general company description suggests a focus on building D2C brands.]

HarZa Group is building and scaling direct-to-consumer health and wellness brands.

📝 Enhancement Note: The company culture is characterized by speed, a global mindset, and a focus on D2C brand growth within the health and wellness sector. The remote-first nature means communication and collaboration will be heavily reliant on digital tools.

📈 Career & Growth Analysis

Operations Career Level: This project aligns with a mid-level to senior-level Web Designer & Developer role, focusing on project execution rather than ongoing operational management. It offers an opportunity to showcase end-to-end project leadership.

Reporting Structure: You will report to a designated project manager or stakeholder within HarZa Group.

Operations Impact: The successful redesign and development of the website will directly impact HarZa Group's brand perception, customer engagement, and potentially lead generation and conversion rates. This project is critical for establishing a premium brand image online.

Growth Opportunities:

• Portfolio Enhancement: A successful project of this caliber will significantly bolster your portfolio with a high-impact case study.

• Client Relationship: Potential for future project-based engagements with HarZa Group or other D2C brands within their portfolio.

• Skill Specialization: Deepen expertise in modern web development platforms, advanced animation techniques, and D2C brand website strategy.

• Industry Exposure: Gain valuable experience within the fast-paced health and wellness D2C sector.

📝 Enhancement Note: While this is a one-time project, the experience gained in managing a full website redesign for a D2C brand, particularly with a focus on advanced design and animation, provides significant professional growth and portfolio value.

🌐 Work Environment

Office Type: Fully Remote. This is a contract position with no requirement to work from a physical office.

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

Workspace Context:

• You will be expected to maintain a professional remote workspace conducive to focused design and development work.

• Access to reliable internet and necessary hardware/software for web design and development is assumed.

• Collaboration will occur via digital communication tools, requiring strong virtual communication skills. Work Schedule:

• The project is fixed-scope, with an estimated 40 hours per week. The daily schedule is flexible, allowing you to manage your time effectively to meet project deadlines and milestones. This flexibility is key for a remote, contract role.

📝 Enhancement Note: The remote-first nature of the company and the contract status of the role mean the work environment is entirely self-managed, emphasizing autonomy and self-discipline.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of portfolio and resume to assess relevant experience and design/development style.

• Proposal Submission: Candidates will likely be asked to submit a detailed proposal outlining their approach, recommended technology stack, timeline, and project fee.

• Interview (Video Call): Discussion of your portfolio, proposed approach, and understanding of the project requirements. This may involve a deeper dive into specific case studies.

• Technical/Design Discussion: Potentially a more in-depth conversation about design principles, animation techniques, and development strategies.

• Final Selection: Based on portfolio quality, proposal, and interview performance.

Portfolio Review Tips:

• Highlight Premium & Dynamic Work: Ensure your portfolio prominently features projects that showcase sophisticated animations, smooth transitions, and a high-end aesthetic.

• Showcase End-to-End Ownership: Select projects where you were responsible for both design and development, demonstrating your full-cycle capabilities.

• Provide Clear Case Studies: For each significant project, detail the brand's challenge, your design and development process, the tools/technologies used, and the impact of your work.

• Justify Your Tech Stack: Be prepared to articulate why you chose specific platforms (Webflow, Framer, custom) and how they best serve the project goals for HarZa Group.

• Demonstrate Animation Expertise: Include interactive elements or videos that clearly illustrate your animation and micro-interaction skills.

Challenge Preparation:

• Develop a Strong Proposal: Research HarZa Group's current online presence (if available) and the D2C health and wellness industry to inform your proposal. Clearly outline your vision for the website and how it will meet the brand's objectives.

• Prepare to Discuss Your Process: Be ready to walk through your design and development workflow, explaining your decision-making at each stage.

• Anticipate Technical Questions: Prepare to discuss your approach to responsive design, performance optimization, and potential technical challenges.

📝 Enhancement Note: The application process heavily relies on the candidate's portfolio and their ability to articulate a compelling project proposal. Demonstrating a clear understanding of "premium," "dynamic," and "brand-forward" design is critical.

🛠 Tools & Technology Stack

Primary Tools:

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

• Development Platforms (Candidates to propose):

  • Webflow: For its visual design capabilities, CMS features, and ease of animation implementation.
  • Framer: For advanced interactivity, animation, and design-to-code capabilities.
  • Custom Build: Utilizing frameworks like React, Vue, or Svelte with libraries for animation (e.g., GSAP, Framer Motion) and potentially a headless CMS.

• Version Control: Git (GitHub, GitLab, Bitbucket) for custom builds.

Analytics & Reporting:

• Google Analytics: For tracking website traffic, user behavior, and conversion goals.

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

CRM & Automation:

• While not directly part of this project, understanding how the website will integrate with potential future CRM or marketing automation tools (e.g., HubSpot, Mailchimp) might be a plus.

📝 Enhancement Note: The company is open to the candidate's recommendation for the technology stack, but proficiency in modern web design and development tools, with a strong emphasis on animation capabilities, is essential.

👥 Team Culture & Values

Operations Values:

• Excellence & Craftsmanship: A commitment to delivering high-quality, polished work that reflects a premium brand.

• Innovation & Creativity: Encouraging novel approaches to design and user experience, especially through animation and interaction.

• Speed & Agility: Operating in a fast-paced environment where quick decision-making and execution are valued.

• Brand Focus: Prioritizing the alignment of all digital assets with the overarching brand identity and marketing objectives.

• Data-Driven Improvement: Using insights from user behavior and analytics to refine and optimize the digital experience.

Collaboration Style:

• Remote-First Communication: Proficient use of communication tools (Slack, email, video conferencing) for clear and concise interaction.

• Proactive Communication: Keeping stakeholders informed of progress, challenges, and decisions in a timely manner.

• Feedback Integration: Openness to receiving and incorporating constructive feedback to enhance the final product.

• Autonomy & Accountability: Working independently while taking full responsibility for project deliverables.

📝 Enhancement Note: The company culture values high-quality output, speed, and a strong brand orientation. For this role, a collaborative yet autonomous approach to remote work is key.

⚡ Challenges & Growth Opportunities

Challenges:

• Translating "Dynamic & Alive" into Design: The core challenge is to move beyond static design and create a truly engaging, animated, and interactive experience that feels expensive and premium without being overwhelming or detrimental to performance.

• Platform Selection: Choosing the optimal platform (Webflow, Framer, custom) that balances design flexibility, development efficiency, and future scalability for HarZa Group.

• Balancing Aesthetics and Performance: Ensuring that rich animations and complex interactions do not negatively impact website loading speed or user experience across different devices.

• Scope Management: Delivering a full website redesign within the fixed-scope, one-time project framework, managing client expectations effectively.

Learning & Development Opportunities:

• Advanced Animation Techniques: Opportunity to push the boundaries of web animation and interactive design.

• D2C Brand Strategy: Gaining insights into the digital marketing and brand-building strategies of successful direct-to-consumer health and wellness companies.

• Platform Mastery: Deepening expertise in cutting-edge web development platforms like Webflow or Framer, or honing custom development skills.

• Project Management for Digital Assets: Enhancing skills in managing the full lifecycle of a complex digital project from conception to launch.

📝 Enhancement Note: The challenges are centered around executing a highly ambitious design vision while managing project constraints and technical considerations. The growth opportunities are significant for a designer/developer looking to specialize in high-impact digital brand experiences.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a website from concept to a fully live, polished product, especially when advanced animations are a core requirement."

• "How would you approach ensuring a website feels 'dynamic and alive' and 'expensive' while maintaining optimal performance and responsiveness?"

• "What platform or technology stack would you recommend for HarZa Group's website redesign, and what are the key benefits and potential drawbacks of your choice?"

• "Walk us through a past project where you successfully implemented complex animations or micro-interactions. What was the challenge, and what was the outcome?" Company & Culture Questions:

• "What appeals to you about working on a project for a D2C health and wellness brand like HarZa Group?"

• "How do you typically manage communication and feedback in a remote, project-based engagement?"

• "Describe your approach to balancing creative vision with practical project constraints (timeline, budget)." Portfolio Presentation Strategy:

• Curate Your Best Work: Select 3-4 projects that most closely align with the "premium," "dynamic," and "animated" requirements of this role.

• Tell a Story: For each project, clearly articulate the client's problem, your unique solution, your design and development process, and the tangible results achieved.

• Show, Don't Just Tell: Use live demos, video recordings of animations, and interactive prototypes to showcase your skills.

• Justify Your Choices: Be ready to explain your design decisions, animation techniques, and technology stack selections, linking them back to the project goals and brand objectives.

• Highlight End-to-End Capability: Emphasize instances where you handled both design and development, demonstrating your comprehensive skill set.

📝 Enhancement Note: Interview preparation should focus on showcasing a strong portfolio, a clear and justifiable project proposal, and the ability to articulate design and development philosophies in the context of creating a premium, dynamic digital brand experience.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Ensure your portfolio is up-to-date and prominently features projects demonstrating advanced web design, development, and animation skills. Tailor your portfolio to highlight work that aligns with a "premium," "dynamic," and "brand-forward" aesthetic.

• Resume Optimization: Craft a resume that clearly outlines your experience in end-to-end website redesigns, front-end development, UI/UX design, and animation. Use keywords such as "Web Design," "Web Development," "UI/UX," "Animations," "Micro-interactions," "Webflow," "Framer," "Responsive Design," and "Brand Identity."

• Proposal Preparation: Be ready to develop a detailed project proposal outlining your recommended technology stack, design approach, timeline, and project fee. Research HarZa Group and the D2C health and wellness industry to inform your proposal.

• Company Research: Familiarize yourself with Hyprwork's platform and the general D2C health and wellness market to understand the business context of HarZa Group.

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