0
നിങ്ങളുടെ കാർട്ട്
0
Zinn Hub
0
നിങ്ങളുടെ കാർട്ട്
0

ഒറ്റനോട്ടത്തിൽ

നിങ്ങൾക്ക് തീരുമാനമെടുക്കാൻ സഹായിക്കുന്ന ഈ സേവനത്തെക്കുറിച്ചുള്ള പ്രധാന വിവരങ്ങൾ. Zinn Hub ആണ് ഇത് ഉണ്ടാക്കിയത്, വിൽപ്പനക്കാരനല്ല.

സാങ്കേതിക സ്റ്റാക്ക്

React 19 · Next.js 15 · Vue · Angular
ടൈപ്പ്സ്ക്രിപ്റ്റ്, Tailwind CSS, Framer Motion, GSAP എന്നിവ ഉപയോഗിച്ച് നിർമ്മിച്ചത് - നിങ്ങളുടെ ഉൽപ്പന്നത്തിനൊപ്പം സ്കെയിൽ ചെയ്യുന്ന ആധുനിക പ്രൊഡക്ഷൻ-ഗ്രേഡ് ടൂളുകൾ.

പിക്സൽ കൃത്യത

കൃത്യമായ Figma മാച്ച്
സ്പേസിംഗ്, ടൈപ്പോഗ്രഫി, നിറങ്ങൾ എന്നിവ പിക്സലിന് അനുസരിച്ച് പൊരുത്തപ്പെടുത്തിയിരിക്കുന്നു. മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് എന്നിവയിലുടനീളം പരീക്ഷിച്ച ഓരോ പാക്കേജിനും ലൈറ്റ്ഹൗസ് 85-95+ പ്രകടനം.

സ്റ്റേജിംഗ് പ്രിവ്യൂ

പണമടയ്ക്കുന്നതിന് മുമ്പ് കാണുക
അന്തിമ പേയ്‌മെന്റിന് മുമ്പ് ഒരു ലൈവ് സ്റ്റേജിംഗ് URL പങ്കിടുന്നു - നിങ്ങളുടെ സ്വന്തം ഉപകരണത്തിൽ പ്രവർത്തിക്കുന്ന സൈറ്റ് ബ്രൗസ് ചെയ്യുകയും അംഗീകരിക്കുന്നതിന് മുമ്പ് മാറ്റങ്ങൾ അഭ്യർത്ഥിക്കുകയും ചെയ്യുക.

പിന്തുണ വിൻഡോ

7 - 30 ദിവസങ്ങൾ ലോഞ്ചിന് ശേഷം
ഓരോ പാക്കേജിലും ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ ഉൾപ്പെടുന്നു: ബേസിക്കിൽ 7 ദിവസങ്ങൾ, സ്റ്റാൻഡേർഡിൽ 14, പ്രീമിയത്തിൽ 30. എല്ലാ തലങ്ങളിലും പൂർണ്ണ സോഴ്സ് കോഡും ഡോക്യുമെന്റുകളും കൈമാറും.

നിങ്ങൾക്ക് എന്ത് ലഭിക്കും

ഫോർമാറ്റുകൾ:
ഡിജിറ്റൽ ഫയലുകൾ
ക്ലൗഡ് ലിങ്ക്
വീഡിയോ റെക്കോർഡിംഗ്
എഴുതിയ റിപ്പോർട്ട്
സ്പ്രെഡ്ഷീറ്റ്
കസ്റ്റം കോഡ്
ഡെലിവറി രീതി:
ഓർഡർ മാനേജർ
കുറിപ്പുകൾ: അന്തിമ പേയ്‌മെന്റിന് മുമ്പ് ഓരോ ഡെലിവറിയിലും ഒരു ലൈവ് സ്റ്റേജിംഗ് പ്രിവ്യൂ URL ഉൾപ്പെടുന്നു. നിങ്ങളുടെ സ്വന്തം ഫോണിലും ബ്രൗസറിലും പ്രവർത്തിക്കുന്ന സൈറ്റിലൂടെ ക്ലിക്ക് ചെയ്യുക, മാറ്റങ്ങൾ അഭ്യർത്ഥിക്കുക, തുടർന്ന് അംഗീകരിക്കുക. പൂർണ്ണ സോഴ്സ് കോഡ്, ഡോക്യുമെന്റേഷൻ, ലോഞ്ചിന് ശേഷമുള്ള പിന്തുണ വിൻഡോ എന്നിവ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.

പൂർണ്ണ വിവരണം

ഒരു ഫിഗ്മ ഡിസൈൻ ഒരു യഥാർത്ഥ, പ്രവർത്തിക്കുന്ന വെബ്സൈറ്റാക്കി മാറ്റേണ്ടതുണ്ടോ? ഞാൻ ഫിഗ്മ ഫയലുകളെ പിക്സൽ-പെർഫെക്റ്റ് റിയാക്റ്റ്, നെക്സ്റ്റ്.ജെഎസ്, വ്യൂ, ആംഗുലർ കോഡുകളാക്കി മാറ്റുന്നു — പ്രൊഡക്ഷൻ-റെഡി, റെസ്പോൺസീവ്, വേഗതയുള്ളത്.

ഇതൊരു ടെംപ്ലേറ്റോ പേജ് ബിൽഡറോ അല്ല. 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 ദിവസങ്ങൾ
പുനരവലോകനങ്ങൾ4611
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 19, Next.js 15, Vue.js, and Typescript
സ്റ്റൈലിംഗ്:Tailwind CSS, Bootstrap, CSS modules, SASS
ആനിമേഷൻ:Framer motion, GSAP, Three.js, webGL
ഡിസൈൻ ടൂളുകൾ:Figma, Adobe XD, Sketch
വിന്യാസം:Vercel, Render, Netlify, AWS, Cloudflare
ബാക്കെൻഡ് (ഓപ്ഷണൽ):Node.js, Express, Laravel 11, Python
ഡാറ്റാബേസ് (ഓപ്ഷണൽ):MongoDB, PostgreSQL, MySQL, Supabase

എന്താണ് ഉൾപ്പെടുത്തിയിരിക്കുന്നത്

സോഴ്സ് കോഡ്:ഡോക്യുമെന്റേഷനോടുകൂടിയ പൂർണ്ണ ശേഖരം കൈമാറ്റം
ഡിസൈൻ മാച്ച്:പിക്സൽ-പെർഫെക്റ്റ് സ്പേസിംഗ്, ടൈപ്പോഗ്രഫി, നിറങ്ങൾ
സ്റ്റേജിംഗ് പ്രിവ്യൂ:അന്തിമ പേയ്‌മെന്റിന് മുമ്പുള്ള തത്സമയ URL
പ്രതികരിക്കുന്നത്:മൊബൈൽ, ടാബ്‌ലെറ്റ്, ഡെസ്ക്ടോപ്പ് — യഥാർത്ഥ ഉപകരണങ്ങളിൽ പരീക്ഷിച്ചു
പ്രകടനം:ലൈറ്റ്ഹൗസ് 85-95+ (ഓരോ പാക്കേജിനും)
പ്രവേശനക്ഷമത:WCAG AA കംപ്ലയിന്റ് മാർക്കപ്പ്
പിന്തുണ:ലോഞ്ചിന് ശേഷമുള്ള 7-30 ദിവസത്തെ പിന്തുണ
പുനരവലോകനങ്ങൾ:4-11 റൗണ്ടുകൾ (ഓരോ പാക്കേജിനും)

എന്റെ പ്രക്രിയ

ഘട്ടം 1:നിങ്ങൾ നിങ്ങളുടെ ഫിഗ്മ ലിങ്ക് പങ്കിടുന്നു
ഘട്ടം 2:ഞാൻ ഡിസൈൻ അവലോകനം ചെയ്യുകയും സ്കോപ്പും സമയപരിധിയും സ്ഥിരീകരിക്കുകയും ചെയ്യുന്നു
ഘട്ടം 3:ഞാൻ ഒരു സ്റ്റേജിംഗ് പതിപ്പ് നിർമ്മിക്കുകയും ഒരു തത്സമയ പ്രിവ്യൂ URL പങ്കിടുകയും ചെയ്യുന്നു
ഘട്ടം 4:നിങ്ങൾ നിങ്ങളുടെ ഉപകരണത്തിൽ അവലോകനം ചെയ്യുകയും മാറ്റങ്ങൾ അഭ്യർത്ഥിക്കുകയും ചെയ്യുന്നു
ഘട്ടം 5:ഞാൻ പരിഷ്കരിക്കുകയും വിന്യസിക്കുകയും ചെയ്യുന്നു, സോഴ്സ് കോഡും ഡോക്യുമെന്റേഷനും ഉൾപ്പെടുന്നു

ഫിഗ്മ ഫയൽ ആവശ്യകതകൾ

ലെയറുകൾ:വ്യക്തമായ പേരുകളോടെ ക്രമീകരിച്ചിരിക്കുന്നു ( "Rectangle 1", Group 5 എന്നല്ല )
ഘടകങ്ങൾ:ആവർത്തിച്ചുള്ള ഘടകങ്ങൾക്കായി പുനരുപയോഗിക്കാവുന്ന ഘടകങ്ങൾ
ഓട്ടോ-ലേഔട്ട്:മുൻഗണന നൽകുന്നു, പക്ഷേ നിർബന്ധമില്ല
അസറ്റുകൾ:ഫിഗ്മയിൽ ഉൾച്ചേർത്തതോ ലിങ്ക് ചെയ്തതോ ആയ ഫോണ്ടുകളും ചിത്രങ്ങളും
ഉറപ്പില്ലേ?:ലിങ്ക് അയയ്ക്കുക — ഞാൻ അവലോകനം ചെയ്യുകയും ആരംഭിക്കുന്നതിന് മുമ്പ് സ്ഥിരീകരിക്കുകയും ചെയ്യും

സേവന വിശദാംശങ്ങൾ

സേവന തരം
സ്റ്റാൻഡേർഡ്
Zinner തരം
ഫ്രീലാൻസർ
ലഭ്യത
24/7
വിൽപ്പനക്കാരന്റെ രാജ്യം
നൈജീരിയ
സ്വീകരിക്കുന്ന ഭാഷകൾ
എല്ലാ ഭാഷകളും സ്വീകരിക്കുന്നു
NDA ലഭ്യമാണ്
അതെ
കൈകാര്യം ചെയ്യുന്ന പ്രോജക്റ്റ് വലുപ്പങ്ങൾ
ഏത് വലുപ്പവും
പ്രതികരണ സമയം
24 മണിക്കൂറിനുള്ളിൽ
വർഷങ്ങളുടെ അനുഭവം
4

പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ

ഫിഗ്മ ലിങ്കാണ് ഏറ്റവും മികച്ചത് — അത് എനിക്ക് കൃത്യമായ സ്പേസിംഗ്, ഫോണ്ടുകൾ, നിറങ്ങൾ എന്നിവ നൽകുന്നു. നിങ്ങൾക്ക് സ്ക്രീൻഷോട്ടുകൾ മാത്രമേ ഉള്ളൂവെങ്കിൽ, എനിക്ക് അവയിൽ നിന്ന് പ്രവർത്തിക്കാൻ കഴിയും, പക്ഷേ ചില ഘടകങ്ങൾ വീണ്ടും സൃഷ്ടിക്കേണ്ടി വന്നേക്കാം.

മിക്ക പ്രോജക്റ്റുകൾക്കും 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 നയങ്ങൾ

നിങ്ങളുടെ ഫിഗ്മ ഡിസൈൻ പിക്സൽ-പെർഫെക്റ്റ് റിയാക്റ്റ്, നെക്സ്റ്റ്.ജെഎസ് അല്ലെങ്കിൽ വ്യൂ കോഡ് 9 ആയി ഞാൻ മാറ്റും &Raquo; Zinn Hub

ഈ ഉൽപ്പന്നം വാങ്ങിയ ലോഗിൻ ചെയ്ത ഉപഭോക്താക്കൾക്ക് മാത്രമേ ഒരു അവലോകനം നൽകാൻ കഴിയൂ.

ഓപ്ഷനുകൾ & ഓർഡർ

Zinn Hub ആപ്പ് നേടുക

അറിയിപ്പുകൾ · വേഗത്തിലുള്ള ആക്സസ് · പൂർണ്ണ സ്ക്രീൻ

നിങ്ങളുടെ ബ്രൗസറിൽ പങ്കിടുക ടാപ്പ് ചെയ്യുക

➜ തുടർന്ന് "ഹോം സ്ക്രീനിലേക്ക് ചേർക്കുക" ടാപ്പ് ചെയ്യുക