برای Julien Apruzzese، پاسخ Webflow – و Webflow University بود.

هنگامی که کووید-19 منجر به تعطیلی دولت در سراسر اروپا شد، عکاس مستقر در پاریس، جولین آپروزز، خود را با زمان زیادی در دست گرفت. استودیوی او از زمانی که آن را در سال 2014 تأسیس کرد، شکوفا شده بود، و او فهرست مشتریان قابل توجهی را ساخته بود که شامل مک دونالد و فوجی فیلم می شد.

بنابراین هنگامی که با یک توقف بالقوه چند ماهه در کسب و کار خود مواجه شد، جولین تصمیم گرفت که زمان آن رسیده است که در تعمیرات اساسی وب سایت خود سرمایه گذاری کند. او می‌خواست نمونه کارهای Squarespace قالب‌بندی‌شده‌اش را با یک سایت سفارشی جایگزین کند که زیبایی‌شناسی شخصی و موقعیت منحصربه‌فرد او را به‌عنوان یک استودیوی خلق تصویر یکپارچه منعکس می‌کرد – مدیریت هنری، نورپردازی، عکاسی و پس‌تولید را خودش انجام می‌داد.

طی چند ماه بعد، جولین به یادگیری Webflow و اصول اولیه طراحی گرافیک، تایپوگرافی و طراحی وب پرداخت . با پایان یافتن قرنطینه ها، جولین با وب سایت رویایی خود، julienapruzzese.com – واقعاً اصلی و کاملاً متعلق به او، آمد.

او چگونه این کار را کرد.

با دانشگاه Webflow از ابتدا شروع کنید

جولین اولین چیز را در مورد طراحی وب نمی دانست، اما او آزادی ایجاد سایتی منحصر به فرد و خاص را می خواست. یک روز پس از اینکه او شروع به تحقیق در مورد پلتفرم های مختلف وب سایت کرد، یک تبلیغ اینستاگرامی برای Webflow را دید – و بلافاصله جذب آن شد.

جولین می‌گوید: «دوستانم به من گفته بودند که برای رایگان بودن در طراحی وب، باید کدنویسی و استفاده از وردپرس را یاد بگیری.» اما این برای من غیرممکن بود – کار خیلی بزرگی بود. بنابراین وقتی تبلیغی را برای Webflow دیدم، مجذوب انیمیشن ویدیویی آنها شدم. نمی‌دانستم امکان ساخت چنین وب‌سایتی وجود دارد.»

جولین شروع به تحقیق در جریان وب کرد و به ایده پلتفرم بدون کد جذب شد. برای من، وردپرس مانند رایانه شخصی بود و Webflow مانند مک. وردپرس خیلی بزرگ و خیلی باز بود، اما با Webflow، همه چیز در Webflow است. شما نیازی به پلاگین ندارید و نیازی به کدنویسی ندارید. من فقط نیاز به یادگیری نرم افزار داشتم.»

به زودی، جولین دانشگاه Webflow را پیدا کرد . من عاشق سه نفری بودم که ویدیوهای دانشگاه را میزبانی می کردند. عالی بود. حال و هوا بسیار طنز بود، اما محتوا جدی بود. مثل تماشای یک سریال تلویزیونی بود، مثل The Office – خیلی خنده دار بود، اما در عین حال، بسیار دقیق، واضح و عمیق بود.

برای شروع، جولین به دوره آموزشی نمونه کارها طراحی دانشگاه Webflow در سال 2021 وارد شد . او سپس اقدام به گذراندن دوره های بیشتر و تماشای ویدیوهای بیشتر کرد و با آن مانند شغل تمام وقت خود رفتار کرد. «از آنجایی که کار نمی‌کردم و دولت با حمایت مالی به ما کمک می‌کرد، توانستم به دانشگاه Webflow بروم که انگار یک دانشگاه واقعی بود. به زودی، همه چیزهایی را که دانشگاه ارائه می کرد، یاد گرفتم – اما تفاوت زیادی بین تئوری و انجام عملی آن توسط خودم وجود دارد.

طراحی سایت Webflow با فتوشاپ

وقتی جولین برای شروع ساختن Webflow را باز کرد، یک صفحه خالی به او خیره شد. او برای ساخت سایت خود احساس آمادگی نمی کرد، زیرا کاملاً مطمئن نبود که چگونه آن را طراحی کند. بنابراین، یک بار دیگر، جولین به یوتیوب و دوره های آنلاین روی آورد تا یک رشته جدید را مطالعه کند: طراحی گرافیک.

جولین گفت: “من می دانستم که وب سایت من از تصاویر و تایپوگرافی من در اطراف تصاویر ساخته خواهد شد.” بنابراین من تا آنجا که می توانستم در مورد طراحی گرافیک ، به خصوص تایپوگرافی یاد گرفتم. ”

هنگامی که جولین برای شروع طراحی احساس آمادگی کرد، به دوست مورد اعتماد بسیاری از عکاسان روی آورد: فتوشاپ. او گفت: “من فتوشاپ را باز کردم زیرا این نرم افزار من است که هر روز از آن استفاده می کنم.” من تمام طرح هایم را صفحه به صفحه در فتوشاپ ایجاد کردم. و سپس من برای بازگشت به Webflow آماده شدم و این راه بهتری برای شروع بود.”

آزمون، خطا و موفقیت

جولین با طراحی و آماده سازی طراحی خود، شروع به ساخت صفحه اصلی خود در Webflow کرد. او در اولین تلاش خود چند اشتباه مرتکب شد. جولین خندید: «بعد از اینکه صفحه اصلی ام را تمام کردم، دیدم که کلاس ها و سازمانم به هم ریخته است. می‌دانستم که اگر اصلاحش کنم، برای همیشه طول می‌کشد، بنابراین دوباره شروع کردم. و صادقانه بگویم، من صفحه اصلی خود را چهار بار شروع کردم و بازسازی کردم!

جولین به ساخت صفحات دیگر خود ادامه داد – ایجاد، پاک کردن، و یادگیری در طول مسیر. یک لحظه پیروزمندانه “آها” زمانی فرا رسید که وی ویدیویی را پیدا کرد که او را در بازآفرینی صفحه اصلی اپل در Webflow راهنمایی کرد . وقتی به طراحی وب فکر می کنید، به وب سایت اپل فکر می کنید. وقتی آن ویدیو را تماشا کردم، توانستم آن صفحه اصلی را با تمام جلوه های انیمیشن آن بازسازی کنم. اولین باری که توانستم با موفقیت برخی چیزها را در Webflow انیمیشن کنم، در استودیوی خود مانند یک بچه کوچک فریاد می زدم.

پس از چند تلاش، جولیان یک سایت شش صفحه ای ساخت که زیبایی شناسی شخصی او را کاملاً نشان می داد و با استفاده از حرکت ، تجربه ای زیبا ایجاد کرد که سبک پویا او را منعکس می کرد.

جولین گفت: «من می‌خواستم وب‌سایت من با همان سبک طراحی که در عکاسی خود استفاده می‌کنم، اصلی باشد. «ساده، خالص، بسیار تمیز. ایجاد یک وب سایت با سبک متفاوت اشتباه است. و من بسیار خوشحالم که چیزی را خلق کردم که من هستم، جدید و بدیع و کاملا منحصر به فرد.»

جولین می‌گوید که بدون دانشگاه Webflow، نمی‌توانست وب‌سایت رویاهای خود را بسازد. “من از صفر شروع کردم. من نمی دانستم HTML یا CSS چیست. و در حالی که شما نیازی به دانستن کد ندارید، برای من، درک نحوه عملکرد کد مفید بود تا بتوانم رفتار همه چیز را درک کنم. بدون Webflow و دانشگاه Webflow غیرممکن بود.

راه اندازی سایت خود با بازخوردهای بسیار مثبت

جولین پس از راه‌اندازی سایت خود، تحسین و نقدهای درخشانی را از دوستان، مشتریان و همکارانش دریافت کرد. در واقع، تنها در عرض چند هفته، سه مشتری تماس گرفتند و از او خواستند که نه تنها برای برندهایشان تصاویر ایجاد کند، بلکه وب سایت خود را نیز طراحی کند.

در حالی که او قصد دارد به عکاسی و خلق تصویر پایبند باشد، جولین از پاسخی که وب سایتش دریافت کرده هیجان زده است. «قبل از اینکه Webflow را پیدا کنم، از یک آژانس طراحی وب پیشنهاداتی دریافت کردم، و آنها 10000 تا 20000 یورو می خواستند – برای یک تجارت در اندازه من بسیار گران است. وقتی سایت Webflow خود را به یکی از دوستانم در زمینه طراحی وب نشان دادم، آنها گفتند که یک آژانس حداقل 30000 یورو برای ساخت همان سایت دریافت می کند.

مشاوره برای سایر عکاسان که خودشان وب سایت طراحی می کنند

البته، همه افراد این تجمل را ندارند که با دانشگاه Webflow مانند یک شغل تمام وقت رفتار کنند. برای سایر عکاسانی که به دنبال ایجاد یک سایت نمونه کار منحصر به فرد در Webflow هستند، جولین چند نکته حرفه ای برای کمک به سرعت بخشیدن به روند یادگیری دارد:

از ابزارهایی که می شناسید استفاده کنید

جولین می گوید: «اگر عکاس هستید، احتمالاً فتوشاپ را بلد هستید. برای شبیه سازی طرح های خود نیازی به یادگیری نرم افزارهایی مانند Figma یا Adobe XD ندارید — می توانید آن را در فتوشاپ بسازید، و این یک چیز کمتر است که باید یاد بگیرید. قبل از اینکه طرح را در Webflow بسازید، طرح را ایجاد کنید.

اصول تایپوگرافی را بیاموزید

به گفته جولین: «تایپوگرافی بخش بسیار مهمی از طراحی گرافیک است – شما می توانید یک کارگردان هنری باشید که فقط در تایپوگرافی تخصص دارد. بنابراین همه چیز را یاد نگرفتم، اما اصول اولیه را یاد گرفتم. و یادگیری در مورد ساخت مقیاس تایپوگرافی بسیار مهم بود تا بتوانید روابط بین تمام اندازه های متن، بین عنوان، عنوان فرعی، پاراگراف ها و همه چیز را تنظیم کنید. درست مانند عکاسی، همه چیز در جزئیات است. شما می خواهید که در طراحی از نظر پیکسلی کامل باشد.

من از چیزهایی که در مورد تایپوگرافی و طراحی گرافیک یاد گرفتم برای ایجاد امضای جدید، کارت‌های ویزیت جدید، فاکتورهای جدید استفاده کردم – همه چیز تمیز است و به هویت گرافیکی که با طراحی وب‌سایت من شروع شد مرتبط است.»