INSYNC Launchpad
  • 👋Introduction
  • MODULE 1
    • For WIX Developers
    • WIX Studio Basics
  • MODULE 2
    • Layout & Responsiveness
    • Dynamic Content & CMS
  • MODULE 3
    • Animations
    • WIX Studio Effects
    • CSS Basics
  • MODULE 4
    • Basic OnPage SEO
    • Mobile Optimization
  • 📝INSYNC TEST
    • Introduction
    • Test Details
Powered by GitBook
On this page
  • Your Task
  • Figma Link
  • Steps to Complete the Test
  • Step 1: Analyze the Design
  • Step 2: Plan Your Workflow
  • Step 3: Implement the Design in WIX Studio
  • Step 4: Add Responsiveness
  • Step 5: Integrate Animations
  • Step 6: Perform Quality Checks
  • Submission Details
  • Submission Requirements:
  • No Further Instructions
  1. INSYNC TEST

Test Details

PreviousIntroduction

Last updated 5 months ago

Welcome to the final stage of the INSYNC Launchpad—the INSYNC Test! This is your opportunity to demonstrate your skills and prove you’re ready to join the INSYNC team. Read these instructions carefully, as no further guidance will be provided.


Your Task

  1. You will receive a Figma design via the link below. Your task is to replicate this design in WIX Studio, ensuring it is fully responsive across all devices (ultrawide, desktop, tablet, and mobile).

  2. Pay close attention to design accuracy, responsiveness, technical layout, and animation choices.

  3. If you find certain elements impossible or challenging to implement, it’s your responsibility to identify creative alternatives that maintain functionality and seamlessly integrate them into the design.

Figma Link


Steps to Complete the Test

Step 1: Analyze the Design

  • Review the Figma design carefully, noting all elements, animations, and layouts.

  • Pay attention to the provided breakpoints for ultrawide, desktop, tablet, and mobile views.

Step 2: Plan Your Workflow

  • Allocate sufficient time for each aspect: layout, responsiveness, animations, and final checks.

  • Set up your WIX Studio workspace, naming elements and sections logically for maintainability.

Step 3: Implement the Design in WIX Studio

  • Start with the desktop layout and ensure all elements match the design exactly.

  • Use WIX Studio’s grid system and responsiveness tools to build adaptable layouts.

  • Ensure all text, images, and components are consistent with the design specifications.

Step 4: Add Responsiveness

  • Test your layout on all breakpoints: ultrawide, desktop, tablet, and mobile.

  • Adjust elements as needed to maintain a polished, functional design across devices.

Step 5: Integrate Animations

  • Add animations where indicated in the design or where appropriate to enhance usability.

  • Keep animations subtle and professional, ensuring they do not affect performance on mobile devices.

  • Use media queries to reduce or disable animations on smaller screens.

Step 6: Perform Quality Checks

  • Compare your work against the Figma design to ensure accuracy.

  • Test responsiveness on multiple devices and browsers.

  • Check for any technical issues, such as overlapping elements or broken layouts.


Submission Details

  • Deadline: Submit your completed project within 14 days at the latest.

  • Email for Submission: Send your submission with live link and further details to robertsiemens@in-sync.io

Submission Requirements:

  1. Provide the WIX site link to your completed project.

  2. Name your website correctly using the following format: INSYNC Launchpad Application - {Your Name}

  3. Grant editor access to your project by sharing it with info@el-industries.de

  4. Include a brief description (no more than 200 words) of your approach, highlighting any creative decisions or technical challenges you faced.


No Further Instructions

This is your chance to shine. No additional guidance or clarifications will be provided. Ensure you carefully follow these instructions, as incomplete or incorrect submissions will not be reviewed.

Good luck! We’re looking forward to seeing your skills in action.

📝
https://www.figma.com/design/OWqyCaXglOTTSUMgP5dFVg/INSYNC-Launchpad?node-id=0-1&t=FvuMLX55Ar7IgZSg-1