Full time: Wix Studio Site - Figma to Studio (from 10 sites/mo, up to 100)
$10-30 USD
Completed
Posted about 2 months ago
$10-30 USD
Paid on delivery
Convert a Figma design (e.g. [login to view URL](Community)?type=design&node-id=1%3A1263&mode=design&t=lj722rUzwNWKH2Uf-1) into Wix Studio.
Please bid with the price of converting 1 page as of above to Studio. (You can always update your price for each conversion tasks before it begins). We are going to convert 10-100 designs per month, so we want to hire full time to have you as the only person who work closely with us and get paid per site (per page).
Note:
We don't accept any sort of recommendations of using other platform. Strictly: Wix Studio.
Requirements for conversion:
Layout
Website layout should follow consistent spacing and not appear crammed or cluttered
The main structure of the site should use sections, containers, grid when possible.
Sections should have a min-height instead of a height so that it can grow when there’s more content added. This problem is usually found in hero sections.
Website should not have horizontal scrolling caused by elements falling out of the viewport.
Responsive Behavior
Important: Layouts should be fluid and percentage based for the most part. Designer should test their layouts by dragging the viewport width in Editor and test the published site on mobile devices.
Components should work across all media queries. Ex: tabs should become stacked on mobile
Generally layout spacing should be tighter on mobile devices.
Usability
When possible use initial appearance on elements with Interactions so that it’s visible to customers. Detail: Some elements use display:none, visibility:hidden, or opacity:0 and other elements are visible by default and have display:none set on an Initial Appearance.
Exception: Preloaders should have Initial Appearance set to display:none, so that the element doesn't block the access to the page content.
Components (tabs, sliders, etc) should not be nested. Ex: slider inside of a slider.
Links and buttons need hover states to show that they are clickable.
Elements that aren't clickable/interactive should not have hover states.
All links/button should link somewhere. No empty links.
The main images inside repeating grid items should be links instead of just having small hidden text links
Forms
Form fields should have correct settings. Ex: email fields should not be text fields
Success messages should be customized to fit website design
Input focus states should be customized to fit website design
Input fields text and placeholders should be legible
Give appropriate names to the Forms and Field elements (in form settings). These names will appear in form email notifications and form reports.
Hello, Hope you are doing great..
I have read your requirements related to Convert a Figma design into a wix site, and I'd love to do it for you…I'm a great fit because I have an experience of more than 7 years. I'm ready to start working on your project from today onwards and can complete it in the given timeframe looking forward to hearing from you. I'm asking to pay your attention to my profile portfolio. (You'll find there some examples of my previous works for the similar projects and contact me for more information and details. I am very dedicative to the details and always open for the suggestion and discussion.)
Final quote will be discussed in the chat.
Thanks
Aerozef