പിക്സൽ-പെർഫെക്റ്റ് Figma-യെ റിയാക്റ്റ്, Next.js, Vue അല്ലെങ്കിൽ Angular ആയി മാറ്റുന്നു. റെസ്പോൺസീവ്, ആനിമേറ്റഡ്, SEO-റെഡി, കൂടാതെ പൂർണ്ണ സോഴ്സ് കോഡിനൊപ്പം വിന്യസിച്ചിരിക്കുന്നു. പേയ്മെന്റിന് മുമ്പ് തത്സമയ പ്രിവ്യൂ, ഒറ്റ പേജുകൾക്ക് 48 മണിക്കൂറിനുള്ളിൽ പൂർത്തിയാക്കുന്നു.
നിങ്ങളുടെ Figma ഡിസൈൻ പിക്സൽ-പെർഫെക്റ്റ് റിയാക്റ്റ്, Next.js അല്ലെങ്കിൽ Vue കോഡാക്കി ഞാൻ മാറ്റും
സിംഗിൾ-പേജ് കൺവേർഷൻ — പിക്സൽ-പെർഫെക്റ്റ്, റെസ്പോൺസീവ്, പൂർണ്ണ സോഴ്സ് കോഡും ഡിപ്ലോയ്മെന്റും സഹിതം.
- 1 പേജ് കൺവേർട്ട് ചെയ്തു
- പിക്സൽ-പെർഫെക്റ്റ്
- Figma മാച്ച് മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് റെസ്പോൺസീവ്
- റിയാക്റ്റ് അല്ലെങ്കിൽ Next.js
- ടൈപ്പ്സ്ക്രിപ്റ്റ് അല്ലെങ്കിൽ ജാവാസ്ക്രിപ്റ്റ്
- Tailwind CSS അല്ലെങ്കിൽ CSS മൊഡ്യൂളുകൾ
- പുനരുപയോഗിക്കാവുന്ന ഘടകങ്ങൾ
- ഫ്രെയിമർ മോഷൻ ആനിമേഷനുകൾ
- വൃത്തിയുള്ള, ഡോക്യുമെന്റ് ചെയ്ത കോഡ്
- ലൈറ്റ്ഹൗസ് 85+ പ്രകടനം
- SSL സഹിതം Vercel-ൽ വിന്യസിച്ചു
- പൂർണ്ണ സോഴ്സ് കോഡ് + ഡോക്യുമെന്റുകൾ
- 4 റിവിഷനുകൾ
- 7 ദിവസത്തെ ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ
മൾട്ടി-പേജ് സൈറ്റ് കൺവേർഷൻ — 5 പേജുകൾ വരെ, ആനിമേഷനുകൾ, SEO, CMS സംയോജനം.
- പിക്സൽ-പെർഫെക്റ്റ്
- Figma മാച്ച് മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് റെസ്പോൺസീവ്
- റിയാക്റ്റ് അല്ലെങ്കിൽ Next.js
- ടൈപ്പ്സ്ക്രിപ്റ്റ് അല്ലെങ്കിൽ ജാവാസ്ക്രിപ്റ്റ്
- Tailwind CSS അല്ലെങ്കിൽ CSS മൊഡ്യൂളുകൾ
- പുനരുപയോഗിക്കാവുന്ന ഘടകങ്ങൾ
- ഫ്രെയിമർ മോഷൻ ആനിമേഷനുകൾ
- വൃത്തിയുള്ള, ഡോക്യുമെന്റ് ചെയ്ത കോഡ്
- SSL സഹിതം Vercel-ൽ വിന്യസിച്ചു
- പൂർണ്ണ സോഴ്സ് കോഡ് + ഡോക്യുമെന്റുകൾ
- 5 പേജുകൾ വരെ മാറ്റി
- ഫ്രെയിമർ മോഷൻ + GSAP ആനിമേഷനുകൾ
- വിപുലമായ സ്ക്രോൾ ഇടപെടലുകൾ
- ഘടക ലൈബ്രറി
- SEO സജ്ജീകരണം (സ്കീമ, സൈറ്റ്മാപ്പ്, മെറ്റാ)
- OG ഇമേജ് ജനറേഷൻ
- ലൈറ്റ്ഹൗസ് 90+ പ്രകടനം
- CMS സംയോജനം (Sanity അല്ലെങ്കിൽ Contentful)
- Google Analytics 4 സജ്ജീകരണം
- കസ്റ്റം ഡൊമെയ്ൻ + SSL സഹിതം വിന്യസിച്ചു
- 6 റിവിഷനുകൾ
- 14 ദിവസത്തെ ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ
- ഫോം കൈകാര്യം ചെയ്യലും മൂല്യനിർണ്ണയവും
പൂർണ്ണ പ്രൊഡക്ഷൻ ബിൽഡ് — പരിധിയില്ലാത്ത പേജുകൾ, ബാക്കെൻഡ് സംയോജനം, CMS, അനലിറ്റിക്സ്, പ്രവേശനക്ഷമത.
- പിക്സൽ-പെർഫെക്റ്റ്
- Figma മാച്ച് മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് റെസ്പോൺസീവ്
- റിയാക്റ്റ് അല്ലെങ്കിൽ Next.js
- ടൈപ്പ്സ്ക്രിപ്റ്റ് അല്ലെങ്കിൽ ജാവാസ്ക്രിപ്റ്റ്
- Tailwind CSS അല്ലെങ്കിൽ CSS മൊഡ്യൂളുകൾ
- പുനരുപയോഗിക്കാവുന്ന ഘടകങ്ങൾ
- ഫ്രെയിമർ മോഷൻ ആനിമേഷനുകൾ
- വൃത്തിയുള്ള, ഡോക്യുമെന്റ് ചെയ്ത കോഡ്
- SSL സഹിതം Vercel-ൽ വിന്യസിച്ചു
- പൂർണ്ണ സോഴ്സ് കോഡ് + ഡോക്യുമെന്റുകൾ
- ഫ്രെയിമർ മോഷൻ + GSAP ആനിമേഷനുകൾ
- വിപുലമായ സ്ക്രോൾ ഇടപെടലുകൾ
- ഘടക ലൈബ്രറി
- SEO സജ്ജീകരണം (സ്കീമ, സൈറ്റ്മാപ്പ്, മെറ്റാ)
- OG ഇമേജ് ജനറേഷൻ
- CMS സംയോജനം (Sanity അല്ലെങ്കിൽ Contentful)
- Google Analytics 4 സജ്ജീകരണം
- കസ്റ്റം ഡൊമെയ്ൻ + SSL സഹിതം വിന്യസിച്ചു
- പരിധിയില്ലാത്ത പേജുകൾ
- ബാക്കെൻഡ് സംയോജനം (Node/Laravel/Python)
- പൂർണ്ണ CMS സജ്ജീകരണവും കസ്റ്റം ഫീൽഡുകളും
- വിപുലമായ ആനിമേഷനുകൾ (WebGL, parallax)
- WCAG AA പ്രവേശനക്ഷമത
- കസ്റ്റം ഓത്ത് സിസ്റ്റം
- പേയ്മെന്റ് സംയോജനം (Stripe/Paystack)
- ബഹുഭാഷാ പിന്തുണ
- അനലിറ്റിക്സ് + ഹീറ്റ്മാപ്പ് സജ്ജീകരണം
- ലൈറ്റ്ഹൗസ് 95+ പ്രകടനം
- 11 റിവിഷനുകൾ
- 30 ദിവസത്തെ ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ
- ഫോം കൈകാര്യം ചെയ്യലും മൂല്യനിർണ്ണയവും
ഒരു കസ്റ്റം ഓഫർ അഭ്യർത്ഥിക്കുക
ഈ സിന്നറിൽ നിന്ന് വ്യക്തിഗതമാക്കിയ ഓഫർ അഭ്യർത്ഥിക്കാൻ ഒരു സൗജന്യ അക്കൗണ്ട് ഉണ്ടാക്കുക അല്ലെങ്കിൽ ലോഗിൻ ചെയ്യുക.
പ്രീ-സെയിൽ ചോദ്യം ചോദിക്കുക
പ്രവേശിക്കുക / രജിസ്റ്റർ ചെയ്യുകഒരു ചോദ്യം ചോദിക്കാൻ ലോഗിൻ ചെയ്യുക
പ്ലാറ്റ്ഫോം സ്പാം കുറയ്ക്കുന്നതിന്, പ്രീ-സെയിൽ സന്ദേശങ്ങൾ ലോഗിൻ ചെയ്ത ഉപയോക്താക്കൾക്ക് മാത്രമേ അയയ്ക്കാൻ കഴിയൂ.
ഈ സിന്നറിന് നേരിട്ട് സന്ദേശം അയയ്ക്കാൻ ഒരു സൗജന്യ അക്കൗണ്ട് ഉണ്ടാക്കുക അല്ലെങ്കിൽ ലോഗിൻ ചെയ്യുക.
ലോഗിൻ ആവശ്യമാണ്
പ്രവേശിക്കുക / രജിസ്റ്റർ ചെയ്യുകലോഗിൻ ആവശ്യമാണ്
ഈ Zinner-ന് സന്ദേശം അയയ്ക്കാൻ ഒരു സൗജന്യ അക്കൗണ്ട് ഉണ്ടാക്കുക അല്ലെങ്കിൽ ലോഗിൻ ചെയ്യുക.
പ്രവേശിക്കുക / രജിസ്റ്റർ ചെയ്യുകലോഗിൻ ആവശ്യമാണ്
വ്യക്തിഗതമാക്കിയ ഓഫറിനായി അഭ്യർത്ഥിക്കാൻ ഒരു സൗജന്യ അക്കൗണ്ട് ഉണ്ടാക്കുക അല്ലെങ്കിൽ ലോഗിൻ ചെയ്യുക.
പ്രവേശിക്കുക / രജിസ്റ്റർ ചെയ്യുകഒറ്റനോട്ടത്തിൽ
നിങ്ങൾക്ക് തീരുമാനമെടുക്കാൻ സഹായിക്കുന്ന ഈ സേവനത്തെക്കുറിച്ചുള്ള പ്രധാന വിവരങ്ങൾ. Zinn Hub ആണ് ഇത് ഉണ്ടാക്കിയത്, വിൽപ്പനക്കാരനല്ല.
മൂല്യ സ്ഥാനം
സാങ്കേതിക സ്റ്റാക്ക്
പിക്സൽ കൃത്യത
സ്റ്റേജിംഗ് പ്രിവ്യൂ
പിന്തുണ വിൻഡോ
നിങ്ങൾക്ക് എന്ത് ലഭിക്കും
പൂർണ്ണ വിവരണം
ഒരു ഫിഗ്മ ഡിസൈൻ ഒരു യഥാർത്ഥ, പ്രവർത്തിക്കുന്ന വെബ്സൈറ്റാക്കി മാറ്റേണ്ടതുണ്ടോ? ഞാൻ ഫിഗ്മ ഫയലുകളെ പിക്സൽ-പെർഫെക്റ്റ് റിയാക്റ്റ്, നെക്സ്റ്റ്.ജെഎസ്, വ്യൂ, ആംഗുലർ കോഡുകളാക്കി മാറ്റുന്നു — പ്രൊഡക്ഷൻ-റെഡി, റെസ്പോൺസീവ്, വേഗതയുള്ളത്.
ഇതൊരു ടെംപ്ലേറ്റോ പേജ് ബിൽഡറോ അല്ല. 2 സെക്കൻഡിനുള്ളിൽ ലോഡ് ചെയ്യുന്ന, നിങ്ങളുടെ ഡിസൈനുമായി പിക്സൽ വരെ യോജിക്കുന്ന, എല്ലാ ഉപകരണങ്ങളിലും ബ്രൗസറുകളിലും പ്രവർത്തിക്കുന്ന യഥാർത്ഥ കോഡ് നിങ്ങൾക്ക് ലഭിക്കും. ഞാൻ റിയാക്റ്റ് 19, നെക്സ്റ്റ്.ജെഎസ് 15, ടൈപ്പ്സ്ക്രിപ്റ്റ്, ടെയിൽവിൻഡ് സിഎസ്എസ്, ഫ്രെയിമർ മോഷൻ, ജിഎസ്എപി എന്നിവ ഉപയോഗിച്ച് നിർമ്മിക്കുന്നു — നിങ്ങളുടെ ഉൽപ്പന്നത്തിനൊപ്പം വികസിക്കുന്ന ആധുനിക മാനദണ്ഡങ്ങൾ.
എനിക്ക് എന്തൊക്കെ മാറ്റാൻ കഴിയും:
• മാർക്കറ്റിംഗ് വെബ്സൈറ്റുകളും ലാൻഡിംഗ് പേജുകളും
• SaaS ഡാഷ്ബോർഡുകളും അഡ്മിൻ പാനലുകളും
• ഇ-കൊമേഴ്സ് സ്റ്റോർഫ്രണ്ടുകളും ഉൽപ്പന്ന പേജുകളും
• ക്ലയിന്റ് പോർട്ടലുകളും അംഗത്വ മേഖലകളും
• മൊബൈൽ-റെസ്പോൺസീവ് വെബ് ആപ്പുകൾ
• ബ്ലോഗ്, ഉള്ളടക്ക സൈറ്റുകൾ
• ഏതൊരു ഫിഗ്മ ഫയലും, ഏത് സങ്കീർണ്ണതയും
ഓരോ ബിൽഡിലും ഉൾപ്പെടുന്നത്:
• പിക്സൽ-പെർഫെക്റ്റ് കൺവേർഷൻ — സ്പേസിംഗ്, ടൈപ്പോഗ്രഫി, നിറങ്ങൾ കൃത്യമായി പൊരുത്തപ്പെടുന്നു
• മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് എന്നിവയിലുടനീളം റെസ്പോൺസീവ്
• ടെയിൽവിൻഡ് സിഎസ്എസ്, ബൂട്ട്സ്ട്രാപ്പ് 5, അല്ലെങ്കിൽ സിഎസ്എസ് മൊഡ്യൂളുകൾ — നിങ്ങളുടെ ഇഷ്ടം
• ആനിമേഷനുകളും ഇടപെടലുകളും (ഫ്രെയിമർ മോഷൻ, ജിഎസ്എപി)
• പുനരുപയോഗിക്കാവുന്ന ഘടക ലൈബ്രറി
• വൃത്തിയുള്ള, ഡോക്യുമെന്റ് ചെയ്ത ടൈപ്പ്സ്ക്രിപ്റ്റ് കോഡ്
• സെമാന്റിക് HTML + WCAG AA പ്രവേശനക്ഷമത
• SEO സജ്ജീകരണം (സ്കീമ, സൈറ്റ്മാപ്പ്, മെറ്റാ ടാഗുകൾ, OG ചിത്രങ്ങൾ)
• പ്രകടന ഒപ്റ്റിമൈസ് ചെയ്തത് (ലൈറ്റ്ഹൗസ് 90+)
• നിങ്ങളുടെ ഡൊമെയ്ൻ + SSL ഉപയോഗിച്ച് വെർസൽ, റെൻഡർ, അല്ലെങ്കിൽ AWS-ൽ വിന്യസിച്ചു
• പൂർണ്ണ സോഴ്സ് കോഡ് + ഡോക്യുമെന്റേഷൻ
• ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ വിൻഡോ
എന്റെ പ്രക്രിയ:
1. നിങ്ങളുടെ ഫിഗ്മ ലിങ്ക് പങ്കിടുക (ലിങ്ക് ഉള്ള ആർക്കും കാണാൻ കഴിയും)
2. ഞാൻ ഡിസൈൻ അവലോകനം ചെയ്യുകയും സ്കോപ്പും സമയപരിധിയും സ്ഥിരീകരിക്കുകയും ചെയ്യും
3. ഞാൻ ഒരു സ്റ്റേജിംഗ് പതിപ്പ് നിർമ്മിക്കുകയും ഒരു ലൈവ് പ്രിവ്യൂ URL പങ്കിടുകയും ചെയ്യും
4. നിങ്ങളുടെ സ്വന്തം ഫോണിലും ബ്രൗസറിലും അവലോകനം ചെയ്യുക, മാറ്റങ്ങൾ അഭ്യർത്ഥിക്കുക
5. ഞാൻ മെച്ചപ്പെടുത്തുകയും വിന്യസിക്കുകയും ചെയ്യും — സോഴ്സ് കോഡും ഡോക്യുമെന്റുകളും ഉൾപ്പെടുത്തിയിട്ടുണ്ട്
എന്തുകൊണ്ടാണ് ക്ലയിന്റുകൾ എന്നെ തിരഞ്ഞെടുക്കുന്നത്:
SaaS പ്ലാറ്റ്ഫോമുകൾ, റെസ്റ്റോറന്റ് സിസ്റ്റങ്ങൾ, ഇ-കൊമേഴ്സ് സ്റ്റോറുകൾ, B2B പോർട്ടലുകൾ, ക്ലയിന്റ് ഡാഷ്ബോർഡുകൾ എന്നിവയ്ക്കായി ഞാൻ ഫിഗ്മ ഡിസൈനുകൾ മാറ്റിയിട്ടുണ്ട്. ഓരോ പ്രോജക്റ്റും അന്തിമ പേയ്മെന്റിന് മുമ്പ് ഒരു ലൈവ് സ്റ്റേജിംഗ് പ്രിവ്യൂ സഹിതം അയയ്ക്കുന്നു — നിങ്ങൾ പ്രവർത്തിക്കുന്ന സൈറ്റ് കാണുന്നു, ഒരു മോക്കപ്പ് അല്ല.
സാങ്കേതിക സ്റ്റാക്ക്:
റിയാക്റ്റ് 19 · നെക്സ്റ്റ്.ജെഎസ് 15 · ടൈപ്പ്സ്ക്രിപ്റ്റ് · വ്യൂ.ജെഎസ് · ആംഗുലർ · ടെയിൽവിൻഡ് സിഎസ്എസ് · ബൂട്ട്സ്ട്രാപ്പ് 5 · ഫ്രെയിമർ മോഷൻ · ജിഎസ്എപി · നോഡ്.ജെഎസ് · മോംഗോഡിബി · പോസ്റ്റ്ഗ്രെഎസ്ക്യുഎൽ · വെർസൽ · റെൻഡർ · AWS
നിങ്ങളുടെ ഫിഗ്മ ലിങ്ക് എനിക്ക് അയയ്ക്കുക, എന്താണ് സാധ്യമെന്നും അതിന് എത്ര ചിലവാകുമെന്നും എത്ര സമയമെടുക്കുമെന്നും ഞാൻ കൃത്യമായി പറയും.
Zinner ഗുണമേന്മ ഉറപ്പ്
ഓരോ Zinner-നെയും പ്ലാറ്റ്ഫോമിൽ ചേരുന്നതിന് മുമ്പ് അവലോകനം ചെയ്യുകയും അംഗീകരിക്കുകയും ചെയ്യുന്നു.
എല്ലാ സേവനങ്ങൾക്കും ഞങ്ങളുടെ ഗുണമേന്മ ഉറപ്പ് പ്രതിബദ്ധതയുടെ പിന്തുണയുണ്ട്.
ഡെലിവർ ചെയ്ത ജോലി നിങ്ങൾ അംഗീകരിക്കുന്നത് വരെ നിങ്ങളുടെ പേയ്മെന്റ് പരിരക്ഷിക്കപ്പെടും.
പാക്കേജുകൾ താരതമ്യം ചെയ്യുക
| സവിശേഷത | അടിസ്ഥാനം | സ്റ്റാൻഡേർഡ് | പ്രീമിയം |
|---|---|---|---|
| ഡെലിവറി സമയം | 5 ദിവസങ്ങൾ | 8 ദിവസങ്ങൾ | 12 ദിവസങ്ങൾ |
| പുനരവലോകനങ്ങൾ | 4 | 6 | 11 |
| 1 പേജ് പരിവർത്തനം ചെയ്തു | ✓ | ✕ | ✕ |
| പിക്സൽ-പെർഫെക്റ്റ് | ✓ | ✓ | ✓ |
| ഫിഗ്മ മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് റെസ്പോൺസീവ് എന്നിവയുമായി പൊരുത്തപ്പെടുന്നു | ✓ | ✓ | ✓ |
| റിയാക്റ്റ് അല്ലെങ്കിൽ നെക്സ്റ്റ്.ജെഎസ് | ✓ | ✓ | ✓ |
| ടൈപ്പ്സ്ക്രിപ്റ്റ് അല്ലെങ്കിൽ ജാവാസ്ക്രിപ്റ്റ് | ✓ | ✓ | ✓ |
| ടെയിൽവിൻഡ് സിഎസ്എസ് അല്ലെങ്കിൽ സിഎസ്എസ് മൊഡ്യൂളുകൾ | ✓ | ✓ | ✓ |
| പുനരുപയോഗിക്കാവുന്ന ഘടകങ്ങൾ | ✓ | ✓ | ✓ |
| ഫ്രെയിമർ മോഷൻ ആനിമേഷനുകൾ | ✓ | ✓ | ✓ |
| വൃത്തിയുള്ള, ഡോക്യുമെന്റ് ചെയ്ത കോഡ് | ✓ | ✓ | ✓ |
| ലൈറ്റ്ഹൗസ് 85+ പ്രകടനം | ✓ | ✕ | ✕ |
| SSL സഹിതം വെർസലിൽ വിന്യസിച്ചു | ✓ | ✓ | ✓ |
| പൂർണ്ണ സോഴ്സ് കോഡ് + ഡോക്സ് | ✓ | ✓ | ✕ |
| 4പുതുക്കലുകൾ | ✓ | ✕ | ✕ |
| 7 ദിവസത്തെ ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ | ✓ | ✕ | ✕ |
| 5 പേജുകൾ വരെ മാറ്റം വരുത്തി | ✕ | ✓ | ✕ |
| ഫ്രെയിമർ മോഷൻ + ജിഎസ്എപി ആനിമേഷനുകൾ | ✕ | ✓ | ✓ |
| വിപുലമായ സ്ക്രോൾ ഇടപെടലുകൾ | ✕ | ✓ | ✓ |
| ഘടക ലൈബ്രറി | ✕ | ✓ | ✓ |
| SEO സജ്ജീകരണം (സ്കീമ, സൈറ്റ്മാപ്പ്, മെറ്റാ) | ✕ | ✓ | ✓ |
| OG ഇമേജ് ജനറേഷൻ | ✕ | ✓ | ✓ |
| ലൈറ്റ്ഹൗസ് 90+ പ്രകടനം | ✕ | ✓ | ✕ |
| CMS സംയോജനം (സാനിറ്റി അല്ലെങ്കിൽ കണ്ടന്റ്ഫുൾ) | ✕ | ✓ | ✓ |
| Google Analytics 4 സജ്ജീകരണം | ✕ | ✓ | ✓ |
| കസ്റ്റം ഡൊമെയ്ൻ + SSL സഹിതം വിന്യസിച്ചു | ✕ | ✓ | ✓ |
| 6പുതുക്കലുകൾ | ✕ | ✓ | ✕ |
| 14 ദിവസത്തെ ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ | ✕ | ✓ | ✕ |
| ഫോം കൈകാര്യം ചെയ്യലും മൂല്യനിർണ്ണയവും | ✕ | ✓ | ✓ |
| പൂർണ്ണ സോഴ്സ് കോഡ് + ഡോക്സ് | ✕ | ✕ | ✓ |
| പരിധിയില്ലാത്ത പേജുകൾ | ✕ | ✕ | ✓ |
| ബാക്കെൻഡ് സംയോജനം (നോഡ്/ലാരവെൽ/പൈത്തൺ) | ✕ | ✕ | ✓ |
| പൂർണ്ണ CMS സജ്ജീകരണവും കസ്റ്റം ഫീൽഡുകളും | ✕ | ✕ | ✓ |
| വിപുലമായ ആനിമേഷനുകൾ (WebGL, പാരലാക്സ്) | ✕ | ✕ | ✓ |
| WCAG AA പ്രവേശനക്ഷമത | ✕ | ✕ | ✓ |
| കസ്റ്റം ഓത്ത് സിസ്റ്റം | ✕ | ✕ | ✓ |
| പേയ്മെന്റ് സംയോജനം (സ്ട്രൈപ്പ്/പേസ്റ്റാക്ക്) | ✕ | ✕ | ✓ |
| ബഹുഭാഷാ പിന്തുണ | ✕ | ✕ | ✓ |
| അനലിറ്റിക്സ് + ഹീറ്റ്മാപ്പ് സജ്ജീകരണം | ✕ | ✕ | ✓ |
| ലൈറ്റ്ഹൗസ് 95+ പ്രകടനം | ✕ | ✕ | ✓ |
| 11പുതുക്കലുകൾ | ✕ | ✕ | ✓ |
| ലോഞ്ചിന് ശേഷമുള്ള 30 ദിവസത്തെ പിന്തുണ | ✕ | ✕ | ✓ |
പോർട്ട്ഫോളിയോ
ഈ Zinn-മായി ബന്ധപ്പെട്ട വിൽപ്പനക്കാരന്റെ ജോലിയുടെ ഉദാഹരണങ്ങൾ.
ഡിസൈൻ-ടു-കോഡ് ആശയം — ഫിഗ്മ ടു റിയാക്റ്റ് ഷോക്കേസ്
ഇടതുവശത്ത് ഒരു ഫിഗ്മ ആർട്ട്ബോർഡും വലതുവശത്ത് പ്രൊഡക്ഷൻ റിയാക്റ്റ് + ടൈപ്പ്സ്ക്രിപ്റ്റ് കോഡും കാണിക്കുന്ന പൂർണ്ണമായ ഡിസൈൻ-ടു-കോഡ് കൺവേർഷൻ ആശയം. ഡിസൈനിൽ നിന്ന് കോഡിലേക്കുള്ള പിക്സൽ-പെർഫെക്റ്റ് ട്രാൻസ്ലേഷൻ — സ്പേസിംഗ്, ടൈപ്പോഗ്രഫി, കോമ്പോണന്റ് ആർക്കിടെക്ചർ എന്നിവ പ്രദർശിപ്പിക്കുന്നു. React 19, Next.js 15, TypeScript, Tailwind CSS, Framer Motion എന്നിവ ഉപയോഗിച്ച് നിർമ്മിച്ചത്. പ്രദർശിപ്പിച്ച കഴിവുകൾ: ഫിഗ്മ വ്യാഖ്യാനം, കോമ്പോണന്റ് ആർക്കിടെക്ചർ, TypeScript, Tailwind CSS, പ്രൊഡക്ഷൻ-ഗ്രേഡ് കോഡ് സ്റ്റാൻഡേർഡുകൾ.
കാലാതീതമായ ഡിസൈൻ — എഡിറ്റോറിയൽ ഹീറോ
ഒരു ഫിഗ്മ ഡിസൈനിൽ നിന്ന് നിർമ്മിച്ച എഡിറ്റോറിയൽ ഹീറോ വിഭാഗം ആശയം. ഒരു സെരിഫ് ടൈപ്പോഗ്രഫി സിസ്റ്റം, കൃത്യമായ സ്പേസിംഗോടുകൂടിയ ഘടനാപരമായ ലേഔട്ട്, ഊഷ്മളമായ ഗ്രേഡിയന്റ് സൗന്ദര്യശാസ്ത്രം എന്നിവ ഇതിൽ ഉൾപ്പെടുന്നു. ഫിഗ്മ ആർട്ട്ബോർഡിൽ നിന്ന് ഫ്രെയിമർ മോഷൻ ഇടപെടലുകളോടുകൂടിയ പിക്സൽ-പെർഫെക്റ്റ് റിയാക്റ്റ് ഇംപ്ലിമെന്റേഷനിലേക്കുള്ള പരിവർത്തനം ഇത് കാണിക്കുന്നു. പ്രദർശിപ്പിച്ച കഴിവുകൾ: എഡിറ്റോറിയൽ ഡിസൈൻ, സെരിഫ് ടൈപ്പോഗ്രഫി ഹൈറാർക്കി, ലേഔട്ട് സിസ്റ്റങ്ങൾ, ഫ്രെയിമർ മോഷൻ ആനിമേഷനുകൾ, റെസ്പോൺസീവ് ഹീറോ നിർമ്മാണം.
ആഢംബര ഇ-കൊമേഴ്സ് ഗ്രിഡ് — ഉൽപ്പന്ന ശേഖരം
ഫിഗ്മയിൽ നിന്ന് മാറ്റിയെടുത്ത ആഢംബര ഇ-കൊമേഴ്സ് ഉൽപ്പന്ന ഗ്രിഡ് ആശയം. ഊഷ്മളമായ ഐവറി പശ്ചാത്തലങ്ങൾ, സ്വർണ്ണ ആക്സന്റ് ബോർഡറുകൾ, സെരിഫ് ഉൽപ്പന്ന പേരുകൾ, സ്റ്റാർ റേറ്റിംഗുകൾ എന്നിവയുള്ള ആറ് ഉൽപ്പന്ന കാർഡുകൾ. സ്കെയിലബിൾ ഉൽപ്പന്ന ഡിസ്പ്ലേകൾക്കായി പുനരുപയോഗിക്കാവുന്ന റിയാക്റ്റ് കോമ്പോണന്റ് ആർക്കിടെക്ചർ ഇത് കാണിക്കുന്നു. പ്രദർശിപ്പിച്ച കഴിവുകൾ: കോമ്പോണന്റ് ലൈബ്രറികൾ, ഇ-കൊമേഴ്സ് UI പാറ്റേണുകൾ, ടൈപ്പോഗ്രഫി സിസ്റ്റങ്ങൾ, റെസ്പോൺസീവ് ഗ്രിഡുകൾ, ആഢംബര ബ്രാൻഡ് സൗന്ദര്യശാസ്ത്രം.
SaaS ഡാഷ്ബോർഡ് അനലിറ്റിക്സ് — ഡാറ്റാ വിഷ്വലൈസേഷൻ
വരുമാന മെട്രിക്സ്, സജീവ ഉപയോക്തൃ എണ്ണം, കൺവേർഷൻ നിരക്കുകൾ, ചർൺ ട്രാക്കിംഗ് എന്നിവയുള്ള KPI കാർഡുകൾ കാണിക്കുന്ന അനലിറ്റിക്സ് ഡാഷ്ബോർഡ് ആശയം — എല്ലാം സ്വർണ്ണ സ്പാർക്ക്ലൈൻ ചാർട്ടുകളോടുകൂടി. React, Tailwind CSS, Recharts എന്നിവ ഉപയോഗിച്ച് നിർമ്മിച്ചത്. ഫിഗ്മ ഡിസൈൻ സിസ്റ്റത്തിൽ നിന്ന് ഡാറ്റാ-ഡ്രൈവൺ റിയാക്റ്റ് ഡാഷ്ബോർഡിലേക്കുള്ള പരിവർത്തനം ഇത് കാണിക്കുന്നു. പ്രദർശിപ്പിച്ച കഴിവുകൾ: ഡാഷ്ബോർഡ് ആർക്കിടെക്ചർ, ഡാറ്റാ വിഷ്വലൈസേഷൻ, Recharts, KPI കാർഡ് സിസ്റ്റങ്ങൾ, ഊഷ്മളമായ-തണുപ്പില്ലാത്ത UI ഡിസൈൻ.
മൊബൈൽ-ഫസ്റ്റ് കൊമേഴ്സ് — സ്റ്റുഡിയോ ക്രാഫ്റ്റ്
ഒരു ഫിഗ്മ മൊബൈൽ ആർട്ട്ബോർഡിൽ നിന്ന് നിർമ്മിച്ച മൊബൈൽ ഇ-കൊമേഴ്സ് ആശയം. ഊഷ്മളമായ ടെറാക്കോട്ട ഹീറോ കാർഡ്, വൃത്താകൃതിയിലുള്ള കാറ്റഗറി നാവിഗേഷൻ, റേറ്റിംഗുകളുള്ള ഉൽപ്പന്ന ഗ്രിഡ്, താഴെയുള്ള നാവിഗേഷൻ ബാർ എന്നിവ ഇതിൽ ഉൾപ്പെടുന്നു. എഡിറ്റോറിയൽ ആഢംബര ഭാവമുള്ള പൂർണ്ണമായും റെസ്പോൺസീവ് മൊബൈൽ-ഫസ്റ്റ് ഡിസൈൻ. പ്രദർശിപ്പിച്ച കഴിവുകൾ: മൊബൈൽ-ഫസ്റ്റ് ഡിസൈൻ, റെസ്പോൺസീവ് ലേഔട്ടുകൾ, ഇ-കൊമേഴ്സ് മൊബൈൽ UX, ടെറാക്കോട്ട കളർ സിസ്റ്റങ്ങൾ, ഫിഗ്മ-ടു-റിയാക്റ്റ് കൺവേർഷൻ.
അധിക വിവരങ്ങൾ
സാങ്കേതിക സ്റ്റാക്ക്
എന്താണ് ഉൾപ്പെടുത്തിയിരിക്കുന്നത്
എന്റെ പ്രക്രിയ
ഫിഗ്മ ഫയൽ ആവശ്യകതകൾ
സേവന വിശദാംശങ്ങൾ
പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ
ഫിഗ്മ ലിങ്കാണ് ഏറ്റവും മികച്ചത് — അത് എനിക്ക് കൃത്യമായ സ്പേസിംഗ്, ഫോണ്ടുകൾ, നിറങ്ങൾ എന്നിവ നൽകുന്നു. നിങ്ങൾക്ക് സ്ക്രീൻഷോട്ടുകൾ മാത്രമേ ഉള്ളൂവെങ്കിൽ, എനിക്ക് അവയിൽ നിന്ന് പ്രവർത്തിക്കാൻ കഴിയും, പക്ഷേ ചില ഘടകങ്ങൾ വീണ്ടും സൃഷ്ടിക്കേണ്ടി വന്നേക്കാം.
മിക്ക പ്രോജക്റ്റുകൾക്കും React അല്ലെങ്കിൽ Next.js. Next.js സെർവർ-സൈഡ് റെൻഡറിംഗ്, മികച്ച SEO, ബിൽറ്റ്-ഇൻ റൂട്ടിംഗ് എന്നിവ ചേർക്കുന്നു. Vue, Angular എന്നിവയും ലഭ്യമാണ്. നിങ്ങളുടെ ലക്ഷ്യങ്ങളെ അടിസ്ഥാനമാക്കി ഞാൻ ശുപാർശ ചെയ്യും.
അതെ, ജോലി ആരംഭിക്കുന്നതിന് മുമ്പ്. ഞാൻ ആരംഭിച്ച് ഒരു സ്റ്റേജിംഗ് പ്രിവ്യൂ പങ്കിട്ടുകഴിഞ്ഞാൽ, റീഫണ്ടുകൾ ലഭ്യമല്ല — എന്നാൽ പ്രവർത്തിക്കുന്ന ബിൽഡ് അവലോകനം ചെയ്തതിന് ശേഷം മാത്രമേ നിങ്ങൾ അന്തിമ പേയ്മെന്റ് നൽകൂ. പ്രിവ്യൂ സ്കോപ്പുമായി പൊരുത്തപ്പെടുന്നില്ലെങ്കിൽ, പേയ്മെന്റ് ആവശ്യമില്ല.
ഓരോ പാക്കേജിലും റിവിഷൻ റൗണ്ടുകൾ ഉൾപ്പെടുന്നു (ടയറിനെ ആശ്രയിച്ച് 5-11). സ്പേസിംഗ്, ഫോണ്ടുകൾ, അല്ലെങ്കിൽ നിറങ്ങൾ എന്നിവ തെറ്റാണെങ്കിൽ, ഞാൻ പരിഷ്കരിക്കും. മിക്ക പ്രോജക്റ്റുകൾക്കും അന്തിമ കൈമാറ്റത്തിന് മുമ്പ് 1-2 റിവിഷനുകൾ ആവശ്യമാണ്.
അതെ, ഒരു പ്രത്യേക സേവനമായി — Flutter അല്ലെങ്കിൽ React Native. ഈ Zinn വെബ് പരിവർത്തനത്തിന് മാത്രമുള്ളതാണ്. നിങ്ങൾക്ക് മൊബൈൽ ആവശ്യമാണെങ്കിൽ എനിക്ക് സന്ദേശം അയയ്ക്കുക.
ഓപ്ഷണൽ. സ്റ്റാൻഡേർഡ്, പ്രീമിയം ടയറുകളിൽ CMS സംയോജനം (Sanity, Contentful), ബാക്കെൻഡ് സംയോജനം (Node.js, Laravel, Python) എന്നിവ ഉൾപ്പെടുന്നു, നിങ്ങൾക്ക് ഡൈനാമിക് ഉള്ളടക്കം ആവശ്യമാണെങ്കിൽ.
നിങ്ങൾ ചെയ്യുന്നു — 100%. ഓരോ ഡെലിവറിയോടൊപ്പം പൂർണ്ണ സോഴ്സ് കോഡ്, ഡിസൈൻ അസറ്റുകൾ, വിന്യാസ ക്രെഡൻഷ്യലുകൾ എന്നിവ ഉൾപ്പെടുന്നു. പ്ലാറ്റ്ഫോം ലോക്ക്-ഇൻ ഇല്ല.
അതെ. നിങ്ങൾക്ക് നിലവിലുള്ള ഒരു React, Next.js, Vue, അല്ലെങ്കിൽ Angular പ്രോജക്റ്റ് ഉണ്ടെങ്കിൽ, എനിക്ക് അതിലേക്ക് പുതിയ ഘടകങ്ങളോ പേജുകളോ ചേർക്കാൻ കഴിയും. നിങ്ങളുടെ റിപ്പോ പങ്കിടുക, ഞാൻ അതിനനുസരിച്ച് സ്കോപ്പ് ചെയ്യും.
അതെ. ഓർഡർ ആരംഭിക്കുന്നതിന് മുമ്പ് നിങ്ങളുടെ വിവരങ്ങൾ പങ്കിടുക, ഞാൻ അത് ഒപ്പിടും.
അതെ. നിങ്ങൾക്ക് ഒരു സിംഗിൾ-പേജ് പരിവർത്തനത്തിനോ ഒരു ചെറിയ പ്രോജക്റ്റിനോ 48 മണിക്കൂറിനുള്ളിൽ പൂർത്തിയാക്കണമെങ്കിൽ, നിങ്ങളുടെ ഓർഡറിനൊപ്പം +$50 ചേർക്കുകയും ഓർഡർ ചെയ്ത ഉടൻ എനിക്ക് സന്ദേശം അയയ്ക്കുകയും ചെയ്യുക. ആരംഭിക്കുന്നതിന് മുമ്പ് ഞാൻ സാധ്യത സ്ഥിരീകരിക്കും. സ്റ്റാൻഡേർഡ് റഷ് സമയപരിധികൾ: അടിസ്ഥാനം 1 ദിവസം, സ്റ്റാൻഡേർഡ് 3 ദിവസങ്ങൾ, പ്രീമിയം 8 ദിവസങ്ങൾ.
ഉപഭോക്തൃ അവലോകനങ്ങൾ
ഈ Zinn-നെക്കുറിച്ച് ഞങ്ങളുടെ ഉപഭോക്താക്കൾ എന്താണ് പറയുന്നതെന്ന് കാണുക
വിഭാഗങ്ങൾ
Zinner നയങ്ങൾ
ബന്ധപ്പെട്ട Zinns
ഞാൻ എലമെന്റർ പ്രോ ഉപയോഗിച്ച് നിങ്ങളുടെ വേർഡ്പ്രസ്സ് വെബ്സൈറ്റ് രൂപകൽപ്പന ചെയ്യും
ഞാൻ ഒരു ഹൈ-കൺവേർട്ടിംഗ് Shopify സ്റ്റോർ അല്ലെങ്കിൽ eCommerce വെബ്സൈറ്റ് ഡിസൈൻ ചെയ്യും
ഫാഷൻ, സ്ട്രീറ്റ്വെയർ & ബോട്ടിക് ബ്രാൻഡുകൾക്കായി ഞാൻ ഒരു ഹൈ-കൺവെർട്ടിംഗ് Shopify ക്ലോത്തിംഗ് സ്റ്റോർ രൂപകൽപ്പന ചെയ്യും
