نیاز به شغل؟این 8 پروژه وانمود را به نمونه کارها خود اضافه کنید

یکی از شایع ترین سؤالاتی که از دانش آموزان در کلاس های خود می گیریم این است: "آیا ما واقعاً قصد داریم یک نمونه کارها بسازیم؟چه چیزی می توانیم وقتی که هرگز مشتری نداشته ایم یا برای کار پرداخت نشده ایم ، چه چیزی را می توانیم در آن قرار دهیم؟ "

و این یک سوال عالی است! اگر می خواهید طراحی یا توسعه خود را شروع کنید و مشتری های جدید را انتخاب کنید ، این یک واقعیت ساده است که شما باید نمونه هایی از کارهای گذشته خود را به آنها نشان دهید - اما خبر خوب این است ، بهترین کار شما (تاکنون)لازم نیست به معنای کار پولی باشد.

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

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

دانیل مال ، نویسنده طراحی ، در مورد این موضوع گسترده نوشت ، و کیتی کووالسین ، سرب طراحی در گوستو ، سوگند با آن.

آیا فناوری برای شما مناسب است؟مسابقه 3 دقیقه ای ما را بگیرید!

اگر حرفه ای در فناوری برای شما مناسب است

چه شغلی فنی متناسب با نقاط قوت شما است

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

نحوه نمایش پروژه های جعلی در یک نمونه کارها

"اگر پروژه های جعلی درست می کنید ، ترفند این است که آن را واقعی جلوه دهید. آن را در متن قرار دهید: آن را چاپ کنید و از آن عکس بگیرید ، آن را مسخره کنید ، هرچند که باید انگار واقعاً یک محصول نهایی است و فقط comps/ایده ها نیست. "

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

آنچه من قصد دارم به شما پیشنهاد کنم ، چارچوبی از دسته بندی پروژه های نمونه کارها است که هدف آن نمایش طیف گسترده ای از مهارت های شما است. شما می توانید همه این کارها را بدون مشتری یا تجربه قبلی انجام دهید.

مهمترین راهپیمایی انجام یک پروژه نمونه کارها جعلی این است که اطمینان حاصل کنید که در مصاحبه ها شفاف هستید و در وب سایت واقعی نمونه کارها در مورد کارهایی که ارائه می دهید - آنها را "مفاهیم" بنامید. وانمود نکنید که هزینه ای را که نکرده اید پرداخت کرده اید.

شما همچنین می خواهید آماده باشید تا تمام جنبه های پروژه های موجود در نمونه کارها را برای کارفرمایان بالقوه توضیح دهید - از نحوه قالب بندی ایده های اصلی تان تا مراحلی که برای اجرای آنها برداشتید.

اینکه بتوانید به وضوح کار طراحی UI یا UX خود را توضیح دهید و پیمایش کنید به اندازه خود کار در یک مصاحبه یا تنظیم ارائه مهم است.

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

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

نکته ای برای توسعه دهندگان Front End

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

برای تمرین بیشتر برای توسعه دهندگان، سایت هایی مانند Frontend Mentor را توصیه می کنیم که اسناد طراحی را ارائه می کنند که یک سایت می تواند از آن کدگذاری شود. سایت های دیگری که می توانند به شما در طراحی عنصر طراحی نمونه کارها کمک کنند عبارتند از devCallenges و Wes Bos JavaScript 30.

اگر قبلاً یک دانش آموز Skillcrush Front End Developer Track هستید، می توانید نمونه کارهای خود را از پروژه هایی که در کلاس انجام داده اید بسازید یا وارد Hackathons شوید و سپس از پروژه در نمونه کار خود استفاده کنید.

می توانید با تغییر رابط کاربری، استفاده از یک API دیگر، یا تبدیل یک پروژه جاوا اسکریپت به React، پروژه های کلاس خود را در پروژه های کلاس قرار دهید. برای مثال، چند دانش آموز رابط کاربری پروژه جاوا اسکریپت بازی «حدس بزن کلمه» را تغییر داده اند (اینجا و اینجا)، در حالی که آلوم کریس کرافورد برخی از پروژه های React را متعلق به خود ساخته است.

واقعیت جالب: این سایت پالت از یکی از پروژه های کلاس ما الهام گرفته شده است.

منابع پاداش: اگر به دنبال تمرینات توسعه جلویی بیشتر هستید، ما یک پرسش متداول Skillcrush از سایت ها برای تمرین HTML و CSS و پست وبلاگ Skillcrush در پروژه های تمرینی جاوا اسکریپت داریم.

1. سایت Dream Client

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

او با تمام جزئیات فکر کرد - چگونه به تبلت ها و تلفن های همراه نگاه می کرد ، تجربه برنامه چگونه بود ، چگونه نظرات و موضوعات در راه حل او کار کردند و موارد دیگر.

این تنها پروژه در نمونه کارها او بود - اما آنقدر کامل و متفکر ارائه شد ، این تنها چیزی بود که او برای دستیابی به این کار نیاز داشت.

برای الهام بخشیدن ، بنابراین می توانید همین کار را انجام دهید ، این نمونه ها را از آنچه که ممکن است با مفاهیم طراحی مجدد وب سایت برای شرکت هایی مانند مایکل کورس یا نیکون انجام دهید ، بررسی کنید.

2. وب سایت برای یک تجارت محلی

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

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

هیچ چیز شما را عقب نمی اندازد - به جز چند قانون مهم فریلنسر که باید در نظر داشته باشید.

اول ، اطمینان حاصل کنید که تجارت و محصولی که انتخاب می کنید نوع چیزی است که می خواهید با آن در ارتباط باشید - به عبارت دیگر ، از خود بپرسید که آیا مشتریان آینده نگر شما می خواهند با نوع مشتری یا محصولات مفهومی که ارائه می دهید هماهنگ باشدواد

این طراحی مجدد "انبار مهمات دیوانه T" ممکن است جالب به نظر برسد ، اما لزوماً با همه مخاطبان به پایان نمی رسد.

دوم - و این بسیار مهم است اما نادیده گرفتن آن - اطمینان حاصل کنید که تجارت کوچک شما نوعی چیزی است که می توانید عکس های سهام خوبی برای آن پیدا کنید. عکاسی تأثیر زیادی در وب سایت ها ، به ویژه وب سایت های تجارت الکترونیکی می گذارد ، بنابراین به جلو فکر کنید.

3. بهبود محصول موبایل UX

این فرصتی برای جدا کردن محصولات طراحی تلفن همراه شما و نشان دادن چگونگی بهبود تجربه UX موبایل برای یک مشتری یا مارک موجود است.

به دنبال موردی باشید که عاشق یک وب سایت باشید اما فکر کنید تجربه موبایل نیاز به تعمیرات اساسی دارد ، سپس با توجه به تحویل UX در ذهن خود تلاش کنید - فکر کنید که سیم های سیم ، نمونه های اولیه ، نمودارها ، نقشه های سایت و قابلیت استفاده/تجزیه و تحلیل.

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

نرم افزاری مانند FIGMA به شما امکان می دهد تا از سایت های تلفن همراه استفاده کنید که برای ارائه در یک دسک تاپ نمایش داده می شود ، یا ممکن است در نظر بگیرید که یک فیلم با کیفیت بالا از خود را که از طریق سایت تلفن همراه یا طراحی برنامه خود پیمایش می کنید ، در نظر بگیرید و آن را به نمونه کارها خود اضافه کنید.

هنگام انتخاب یک پروژه طراحی مجدد موبایل ، شرکتی را با مارک تجاری قوی و موجود انتخاب کنید ، بنابراین شما فقط برای شروع کار گیر نمی کنید.

در بسیاری از موارد ، مارک های مستقر حتی یک راهنمای سبک را به صورت آنلاین در دسترس خواهند داشت که می توانید از آن استفاده کنید - لباس های شهری ، اسکایپ ، فایرفاکس و حتی اداره ترانزیت نیویورک نمونه هایی از مارک های دارای راهنماهای سبک آنلاین هستند.

4. یک موضوع سهام برای وردپرس

وردپرس محبوب ترین سیستم مدیریت محتوا است که در حال حاضر در دسترس است ، بنابراین ایجاد یک موضوع سهام برای WP منطقی است.

یکی از مهمترین چیزها در مورد توسعه یک موضوع سهام این است که می توانید آن را به عنوان یک موضوع حق بیمه نیز بفروشید و ضمن کمک به سبد خود ، درآمد کسب کنید.

یا می توانید موضوع خود را به عنوان ابزاری برای ارتقاء خود دور کنید (در این حالت پشتیبانی یا سفارشی سازی را برای قیمت اضافی (یا توصیفات!) در نظر بگیرید).

به مضامین دیگری که در بازار هستند نگاه کنید و ببینید چه چیزی باعث می شود مضامین محبوب برجسته شود - آیا آنها پاسخگو هستند؟ساده و بدون محاصره؟سازگار با افزونه های محبوب وردپرس؟

Themeforest مکانی عالی برای مطالعه طرح های موضوعی موفق است.

همچنین ، مدتی وقت بگذارید تا خود را با دستورالعمل های بررسی تم وردپرس آشنا کنید و شروع به طراحی یکی از موارد خود کنید!

آیا فناوری برای شما مناسب است؟مسابقه 3 دقیقه ای ما را بگیرید!

اگر حرفه ای در فناوری برای شما مناسب است

چه شغلی فنی متناسب با نقاط قوت شما است

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

5. یک بسته بندی کامل برند

تهیه یک مفهوم Mockup وب سایت برای شرکتی که دوستش دارید مکان بسیار خوبی برای شروع کار در ساخت یک نمونه کارها طراحی گرافیک است ، اما چرا یک بسته کامل برند دیجیتال را نمی گیرید؟

ایجاد یک به روزرسانی کامل برند دیجیتال یک کار مهم (اما ارزشمند!) است که برای یک سبد طراحی گرافیکی یا طراحی وب انجام می شود و می تواند به عنوان یک مفهوم برای یک شرکت واقعی یا ساخته شده انجام شود (سلام ، نانوایی که همیشه می خواستید آن را داشته باشید)واداگر مطمئن نیستید که از کجا شروع کنید ، تمام بسته های مارک تجاری بارگذاری شده در سایت هایی مانند Behance را پیمایش کنید.

و - پس از آماده شدن برای شروع کار - در اینجا لیستی از عناصر مورد نیاز خود را در این پروژه طراحی گرافیک (در بالای ویژگی های آشکارتر طراحی گرافیک مانند آرم ، فونت و پالت های رنگی) در اینجا آورده اید:

• طراحی وب دوستانه SEO. علاوه بر ارائه یک طراحی وب سایت حرفه ای و محور برند به عنوان بخشی از بسته بندی برند در نمونه کارها گرافیک آنلاین شما ، بسیار مهم است که اطمینان حاصل کنید که طراحی سایت SEO (بهینه سازی موتور جستجو) دوستانه است.

   

SEO به تکنیک های مورد استفاده برای بهبود دید و رتبه بندی وب سایت در موتورهای جستجو مانند Google اشاره دارد که این بخش اصلی از برندسازی دیجیتال است.

شما می خواهید با اطمینان از ایجاد URL های کاربر پسند ، بازی SEO طراحی سایت خود را بالا ببرید (www.yourkillerbrand.com/tips-for-branding-design بی نهایت سئو دوستانه تر از www.yourkillerbrand.com/qs؟/ است. 3600) و یک طرح پاسخگو را ادغام کنید تا سایت شما به راحتی در یک دسک تاپ یا دستگاه تلفن همراه مشاهده شود (Google از دوست داشتن تلفن همراه به عنوان بخشی از سیستم رتبه بندی سایت خود استفاده می کند).

6. پیچ و تاب شما در یک مجموعه نماد

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

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

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

این همچنین فرصتی برای تعریف زیبایی شناسی شما است ، که به مردم کمک می کند تا شما و کار شما را هنگام استفاده از اوراق بهادار آنلاین به یاد بیاورید. برای نمونه هایی از مجموعه های آیکون که متفاوت انجام می شود ، Dribbble را بررسی کنید.

یا ، اگر تعدادی از ایموجی های خود را برای اضافه کردن به مجموعه بعدی از نسخه های بعدی طراحی کنید ، چه می کنید؟Sky Limit است!

7. چالش های پروژه طراحی روزانه

اگر بازی طولانی را انجام می دهید (که باید هنگام حرفه خود باشید) ، بسیاری از چالش های طراحی عالی و ژنراتورهای سریع طراحی وجود دارد تا حداقل 50 روز در سال مهارت های خود را به شما کمک کند.

در اینجا برخی از آنها در نظر گرفته شده است:

Daily Logo Challenge به شما 50 روز از آرم ها برای تمرین و روزانه uichallenge با 100 روز از تمرین UI استفاده می کند.

اگر علاقه مند به بهبود مهارت های نرم افزاری طراحی خود هستید ، Behance شما را با چالش های روزانه مانند Daily XD Challenge ، The Daily Photoshop Challenge و Daily Illustrator Challenge پوشش داده است. بهترین بخش این است که شما همچنین می توانید چالش های قبلی را مشاهده کنید و مواردی را که علاقه مند به یادگیری و تمرین هستید ، انتخاب کنید.

در صورتی که حتی بیشتر تمرین کنید ، Dribbble مقاله ای پر از ژنراتورهای سریع طراحی دارد تا ایده هایی را برای پروژه های مفهومی برانگیزد.

8. الگوی خبرنامه طراحی مجدد

این ممکن است مانند یک جشنواره تعطیل به نظر برسد ، اما من این کار را برای اولین نمونه کارها طراحی گرافیک خود در حالی که درخواست یکی از اولین مشاغل من در زمینه فناوری را کردم ، انجام دادم.

یکی از وظایف اداری این کار ارسال خبرنامه در مورد رویدادها ، مصاحبه ها ، شکستن اخبار و سایر موارد به موقع بود. قبل از درخواست ، نیم روز را صرف طراحی مجدد خبرنامه org ، ایجاد سه نمونه و از جمله آن در نمونه کارها خود کردم.

نیازی به گفتن نیست ، آنها تحت تأثیر قرار گرفتند. من مصاحبه (و دو پیگیری) و کار را دریافت کردم.

به منظور از بین بردن یک خبرنامه موفق ، به خاطر سپردن چند بهترین روش مفید است.

در مرحله اول ، مراقبت های بیشتری را در طراحی خبرنامه خود کوتاه و ساده انجام دهید - از بلوک های طولانی و غیرقابل نفوذ متن خودداری کنید و مطمئن شوید که فضای سفید کافی در طراحی کلی شما وجود دارد تا متن را که در آنجا ساده و آسان به نظر می رسد ، بسازید.

سعی کنید مقدار فونت هایی را که در طراحی خود استفاده می کنید نیز محدود کنید - به غیر از استفاده از یک قلم برای تیتر خود و دیگری برای بدنه ایمیل ، در مورد اضافه کردن فونت های اضافی به مخلوط بسیار محتاط باشید زیرا احتمالاً مواردی را بیش از حد انجام می دهندواد

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

همراه با ساختار کلی طراحی خبرنامه خود ، به یاد داشته باشید که مشاهده موبایل را در بالای ذهن نیز نگه دارید.

Litmus Email AnalyticsReports که در سال 2016 ، ایمیل موبایل باز می شود به 56 درصد افزایش یافته است (در حالی که دسک تاپ با 19 درصد حفظ می شود) ، این بدان معنی است که برای اینکه طراحی خبرنامه مؤثر باشد ، باید به جلو موبایل باشد-اطمینان حاصل کنید که با پاسخگو کار می کنیدالگوهای طراحی را طراحی کنید تا محتوای شما به راحتی در یک دستگاه تلفن همراه خوانده شود تا بتواند در یک دسک تاپ باشد.

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

HubSpot دارای یک سازنده الگوی است که امکان سفارشی سازی را با استفاده از کد صفر فراهم می کند ، در حالی که MailChimp دارای یک راهنمای گسترده است که برخی از اصول اولیه کدگذاری مورد نیاز برای ساخت قالب ها را پوشش می دهد.

آیا فناوری برای شما مناسب است؟مسابقه 3 دقیقه ای ما را بگیرید!

اگر حرفه ای در فناوری برای شما مناسب است

چه شغلی فنی متناسب با نقاط قوت شما است

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

Deepina Kapila

دی دارای تجربه فنی متنوعی در شرکت های Fortune 500 ، راه اندازی های اولیه ، آژانس های دولتی و غیرانتفاعی است. دی رئیس آموزش مشتری در میرو در آستین ، تگزاس است ، جایی که به همراه همسرش ، 2 مرزی کولی مخلوط و 2 گربه زندگی می کند. در اوقات فراغت ، او از انجام بازی های ویدیویی لذت می برد ، و در حال غواصی Kindle & Scuba در زادگاهش (Curaçao - جزیره ای در کارائیب!) است. اگر مهارت برنامه نویسی نداشته باشید ، می توانید مجدداً طراحی خبرنامه کمی دلهره آور به نظر برسد ، اما خوشبختانه ، سیستم عامل های اصلی خبرنامه وجود دارند که برای ایجاد الگوهای سفارشی نیازی به پیش زمینه برنامه نویسی ندارند.