سابقه
کاری
من مهدی زرخالص هستم
برنامه نویس و
.png)
برنامه نویس و
طراح و توسعه‌دهنده وب
در زمینه طراحی و توسعه وب فعالیت می‌کنم و با استفاده از تکنولوژی‌های Front-End و Back-End، وب‌سایت‌ها و برنامه‌های تحت وب مدرن و کاربردی توسعه می‌دهم. تمرکز من روی ساخت تجربه‌های کاربری حرفه‌ای، کدنویسی تمیز و تبدیل ایده‌ها به محصولات واقعی و قابل استفاده است.
0+
0+
پروژه های
تمرینی
تمرینی
0+
حوزه
تخصصی
تخصصی
0+
و ابزار
تکنولوژی
تکنولوژی
خدمات با کیفیت من
ایده‌های شما را به وب‌سایت‌ها و برنامه‌های تحت وب مدرن و کاربردی تبدیل می‌کنم؛ با تمرکز بر طراحی حرفه‌ای، کدنویسی تمیز، عملکرد مناسب و تجربه کاربری مطلوب.
خدمات
طراح UI/UX
طراحی رابط و تجربه کاربری با تمرکز بر سادگی، زیبایی و کاربردپذیری. هدف من ایجاد رابط‌هایی است که علاوه بر ظاهر حرفه‌ای، استفاده از سایت یا اپلیکیشن را برای کاربران ساده و لذت‌بخش کنند.
در طراحی پروژه، ساختار صفحات، چیدمان محتوا، رنگ‌ها، تایپوگرافی و مسیر حرکت کاربر را متناسب با هدف پروژه در نظر می‌گیرم تا نتیجه نهایی هم از نظر بصری جذاب باشد و هم تجربه کاربری مناسبی ارائه دهد.
پیش از پیاده‌سازی، نیازهای پروژه و مخاطبان آن را بررسی می‌کنم و سپس طراحی را به شکلی انجام می‌دهم که در مراحل توسعه نیز قابل اجرا و بهینه باشد.
فرآیند خدمات
هر پروژه را با شناخت نیازهای آن شروع می‌کنم و مرحله‌به‌مرحله از ایده اولیه تا طراحی نهایی پیش می‌برم.
- بررسی نیازها و هدف پروژه
- طراحی ساختار و چیدمان صفحات
- انتخاب رنگ، فونت و المان‌های بصری
- طراحی رابط کاربری
- بهینه‌سازی تجربه کاربری
- آماده‌سازی طرح برای مرحله توسعه
پروژه های اخیر
مجموعه‌ای از پروژه‌های منتخب من در زمینه طراحی و توسعه وب، اپلیکیشن‌های تحت وب و رابط کاربری.
سایت باشگاه بدنسازی
سایت اختصاصی باشگاه بدنسازی با قابلیت خرید اشتراک و برنامه تمرینی و غذایی
سایت فروشگاهی
طراحی سایت فروشگاهی با ابزار ووکامرس
سایت شخصی
طراحی سایت شخصی به عنوان پورتفولیو آنلاین
پروژه تمرینی
پروژه تمرینیhtmlبا استفاده از bootstrap
پروژه تمرینی
پروژه تمرینی تایمر با js
پروژه تمرینی
ایجاد فرم برای ورد اطلاعات کاربر با js
FitZone
وبسایت معرفی و ارائه خدمات مربی بدنسازی با تمرکز بر معرفی خدمات، برنامه‌های تمرینی، پکیج‌های اشتراکی و نمایش نتایج و تجربه شاگردان.
دسته بندی
طراحی وبسایت
مشتری
پروژه تمرینی / نمونه‌کار شخصی
تاریخ شروع
ابان ماه ، سال1404
طراح
توضیحات پروژه
FitZone یک وبسایت اختصاصی برای معرفی مربی بدنسازی و خدمات ورزشی است که با هدف ایجاد یک حضور آنلاین حرفه‌ای و ارائه اطلاعات خدمات به مخاطبان طراحی و توسعه داده شده است.
در این پروژه بخش‌های مختلفی از جمله معرفی مربی، خدمات و تمرین‌های خصوصی، برنامه‌های تمرینی، پکیج‌های اشتراکی، گالری تصاویر، معرفی شاگردان، نظرات کاربران و فرم تماس در نظر گرفته شده است. تمرکز اصلی در طراحی این سایت روی ایجاد یک ساختار منظم، نمایش واضح خدمات و ایجاد تجربه کاربری ساده و قابل‌فهم برای بازدیدکنندگان بوده است.
خلاصه پروژه
هدف از طراحی FitZone ایجاد یک وبسایت مدرن و کاربردی برای یک مربی بدنسازی بود؛ سایتی که بتواند خدمات و برنامه‌های ورزشی را به شکل واضح معرفی کند و در کنار آن، اطلاعات لازم برای ارتباط با مربی را در اختیار کاربران قرار دهد. ساختار صفحات به گونه‌ای طراحی شده است که کاربر بتواند از معرفی مربی و خدمات، به برنامه‌ها و پکیج‌های تمرینی، گالری، نتایج شاگردان و در نهایت بخش تماس دسترسی داشته باشد. این پروژه یکی از نمونه‌کارهای تمرینی من در زمینه طراحی و توسعه وبسایت است و برای تمرین پیاده‌سازی یک سایت خدماتی واقعی انجام شده است.
عملکرد ما
در این پروژه روی طراحی ساختار صفحات، پیاده‌سازی رابط کاربری، ایجاد بخش‌های معرفی خدمات و پکیج‌ها، نمایش گالری و نظرات، طراحی فرم تماس و ایجاد ساختاری مناسب برای نمایش سایت در دستگاه‌های مختلف تمرکز شده است.
فروشگاه اینترنتی Zarkhales Design
طراحی و توسعه یک فروشگاه اینترنتی مدرن با هدف ارائه محصولات در محیطی ساده، منظم و کاربرپسند و ایجاد تجربه‌ای مناسب برای جستجو، بررسی و خرید محصولات.
توضیحات پروژه
در این پروژه یک فروشگاه اینترنتی با استفاده از وردپرس و ووکامرس طراحی و پیاده‌سازی شده است. تمرکز اصلی پروژه بر ایجاد ساختاری مناسب برای نمایش محصولات، دسته‌بندی کالاها و فراهم کردن مسیر ساده برای کاربران از مشاهده محصول تا ثبت سفارش بوده است.
طراحی صفحات فروشگاه، صفحه محصول، دسته‌بندی‌ها و بخش‌های مختلف سایت با هدف ایجاد یک تجربه خرید روان و قابل‌فهم انجام شده است. همچنین ساختار سایت به گونه‌ای در نظر گرفته شده که در دستگاه‌های مختلف، از دسکتاپ تا موبایل، نمایش مناسبی داشته باشد.
خلاصه پروژه
هدف از اجرای این پروژه، ایجاد یک نمونه فروشگاه اینترنتی واقعی برای تمرین و نمایش توانایی در طراحی و توسعه وب‌سایت‌های فروشگاهی بود. در این پروژه از WordPress، WooCommerce و Elementor برای ایجاد و شخصی‌سازی بخش‌های مختلف فروشگاه استفاده شده است. ساختار فروشگاه شامل نمایش محصولات، دسته‌بندی محصولات، صفحات اختصاصی و فرآیند خرید است. این پروژه یکی از نمونه‌کارهای عملی من در زمینه طراحی و توسعه وب‌سایت‌های فروشگاهی محسوب می‌شود.
عملکرد ما
در این پروژه روی طراحی و پیاده‌سازی ساختار فروشگاه، شخصی‌سازی رابط کاربری و ایجاد بخش‌های موردنیاز یک فروشگاه اینترنتی تمرکز شده است. طراحی و شخصی‌سازی رابط کاربری فروشگاه پیاده‌سازی فروشگاه با WordPress و WooCommerce طراحی صفحات و بخش‌های مختلف با Elementor ایجاد ساختار دسته‌بندی و نمایش محصولات طراحی صفحه اختصاصی محصول پیاده‌سازی فرآیند خرید و ثبت سفارش بهینه‌سازی نمایش فروشگاه برای موبایل و دسکتاپ ایجاد ساختاری ساده و مناسب برای تجربه کاربری بهتر
سایت شخصی
وبسایت شخصی و پورتفولیوی مهدی زرخالص با هدف معرفی مهارت‌ها، خدمات، پروژه‌ها و مسیر فعالیت در حوزه طراحی و توسعه وب
توضیحات پروژه
Zarkhales Design یک وبسایت شخصی و پورتفولیوی آنلاین است که برای معرفی مهارت‌ها، خدمات و نمونه‌کارهای من در زمینه طراحی و توسعه وب ایجاد شده است. در این وبسایت تلاش شده است اطلاعات مربوط به خدمات، نمونه‌کارها و توانایی‌های فنی به شکلی ساده و منظم در اختیار بازدیدکننده قرار بگیرد تا مخاطب بتواند با مسیر کاری و زمینه‌های فعالیت من بیشتر آشنا شود. طراحی سایت با تمرکز بر ایجاد یک هویت بصری حرفه‌ای، ساختار مناسب برای نمایش نمونه‌کارها و تجربه کاربری ساده انجام شده است.
خلاصه پروژه
هدف اصلی این پروژه ایجاد یک فضای آنلاین شخصی برای معرفی برند Zarkhales Design و نمایش مسیر فعالیت من در حوزه طراحی و توسعه وب بوده است. این وبسایت علاوه بر معرفی شخصی، به‌عنوان یک پورتفولیو برای نمایش پروژه‌های انجام‌شده و تمرینی استفاده می‌شود و بستری برای ارتباط با افرادی است که به خدمات طراحی و توسعه وب نیاز دارند. ساختار سایت شامل بخش معرفی، خدمات، نمونه‌کارها و راه‌های ارتباطی است و در طراحی آن تلاش شده است ظاهر مدرن در کنار ساختار ساده و قابل استفاده قرار بگیرد
عملکرد ما
در این پروژه طراحی و توسعه وبسایت شخصی، ایجاد ساختار پورتفولیو و پیاده‌سازی بخش‌های مختلف سایت انجام شده است. طراحی و شخصی‌سازی رابط کاربری ایجاد ساختار شخصی و برندینگ سایت طراحی بخش معرفی و خدمات ایجاد بخش نمونه‌کارها معرفی مهارت‌ها و زمینه‌های فعالیت ایجاد بخش ارتباط با من بهینه‌سازی نمایش در موبایل و دسکتاپ پیاده‌سازی و مدیریت سایت بهینه‌سازی ساختار سایت برای موتورهای جستجو
توضیحات پروژه
این پروژه در مسیر یادگیری طراحی و توسعه وب در دوره AIOLERN انجام شده است. هدف اصلی آن تمرین ساختاردهی صفحات با HTML و استفاده از قابلیت‌های Bootstrap برای ایجاد یک رابط کاربری واکنش‌گرا بوده است. در این پروژه بخش‌هایی مانند ساختار صفحات، منو، دکمه‌ها، کارت‌ها، فرم‌ها و چیدمان عناصر با استفاده از Grid و کامپوننت‌های Bootstrap پیاده‌سازی شده‌اند.
خلاصه پروژه
این پروژه یکی از تمرین‌های عملی دوره AIOLERN برای تقویت مهارت‌های پایه فرانت‌اند است و به من کمک کرد با ساختار استاندارد صفحات وب، سیستم Grid و طراحی Responsive بیشتر آشنا شوم.
عملکرد ما
ایجاد ساختار صفحات با HTML5 استفاده از CSS برای شخصی‌سازی ظاهر استفاده از Bootstrap برای طراحی Responsive پیاده‌سازی سیستم Grid استفاده از کامپوننت‌های Bootstrap بهینه‌سازی نمایش در موبایل و دسکتاپ
توضیحات پروژه
این پروژه با هدف تمرین مفاهیم JavaScript و اضافه کردن قابلیت‌های تعاملی به صفحات وب انجام شده است. در طول پروژه، مفاهیمی مانند متغیرها، توابع، شرط‌ها، رویدادها و کار با عناصر HTML مورد استفاده قرار گرفته‌اند. همچنین برای ایجاد تعامل میان کاربر و صفحه، از رویدادهایی مانند کلیک، تغییر مقدار ورودی و سایر Eventهای JavaScript استفاده شده است.
خلاصه پروژه
این پروژه یکی از تمرین‌های عملی دوره AIOLERN برای تقویت مهارت‌های JavaScript است و با هدف تبدیل صفحات استاتیک HTML به صفحات تعاملی و پویا انجام شده است.
عملکرد ما
استفاده از متغیرها و انواع داده در JavaScript ایجاد و استفاده از Functionها استفاده از شرط‌ها و منطق برنامه کار با Input و Button استفاده از Eventها دستکاری عناصر HTML با DOM ایجاد تعامل میان کاربر و صفحه تمرین Debugging و بررسی خروجی کد
توضیحات پروژه
این پروژه با هدف تمرین مفاهیم JavaScript و اضافه کردن قابلیت‌های تعاملی به صفحات وب انجام شده است. در طول پروژه، مفاهیمی مانند متغیرها، توابع، شرط‌ها، رویدادها و کار با عناصر HTML مورد استفاده قرار گرفته‌اند. همچنین برای ایجاد تعامل میان کاربر و صفحه، از رویدادهایی مانند کلیک، تغییر مقدار ورودی و سایر Eventهای JavaScript استفاده شده است.
خلاصه پروژه
این پروژه یکی از تمرین‌های عملی دوره AIOLERN برای تقویت مهارت‌های JavaScript است و با هدف تبدیل صفحات استاتیک HTML به صفحات تعاملی و پویا انجام شده است.
عملکرد ما
استفاده از متغیرها و انواع داده در JavaScript ایجاد و استفاده از Functionها استفاده از شرط‌ها و منطق برنامه کار با Input و Button استفاده از Eventها دستکاری عناصر HTML با DOM ایجاد تعامل میان کاربر و صفحه تمرین Debugging و بررسی خروجی کد
سابقه کاری من
تحصیلات من
مهارت ها
ما ایده های شما و در نتیجه خواسته های شما را در قالب یک پروژه وب منحصر به فرد قرار می دهیم که الهام بخش شما و مشتریان شما باشد.
92%
فیگما
.svg)
80%
CSS
85%
HTML
99%
وردپرس
70%
ری اکت
80%
جاوا اسکریپت
داستان های مشتری من
توانمندسازی پروژه ها در یک سفر دیجیتال جدید با خدمات فوق العاده من
طراحی سایت با دقت و حرفه‌ای انجام شد. نتیجه کار فراتر از انتظار ما بود و باعث شد حضور آنلاین بهتری داشته باشیم. از همکاری و تعهد در اجرای پروژه رضایت کامل داریم.
علی رضایی
مدیر کسب‌وکار آنلاین
از همکاری با مهدی در طراحی سایت بسیار راضی هستیم. پروژه با دقت، خلاقیت و توجه به نیازهای ما انجام شد و نتیجه نهایی یک سایت حرفه‌ای و کاربردی بود که به بهبود حضور آنلاین ما کمک کرد.
محمد احمدی
مدیر فروشگاه اینترنتی
جربه همکاری ما با مهدی بسیار رضایت‌بخش بود. طراحی سایت با کیفیت بالا، ظاهر مدرن و عملکرد مناسب انجام شد. توجه به جزئیات و مسئولیت‌پذیری در طول پروژه باعث شد نتیجه نهایی کاملاً مطابق انتظار ما باشد.
امیر حسینی
مدیر مجموعه دیجیتال
مهدی توانست ایده‌های ما را به یک وبسایت حرفه‌ای و جذاب تبدیل کند. روند همکاری منظم بود و در تمام مراحل پروژه به نیازها و جزئیات توجه خوبی داشت. از نتیجه نهایی و کیفیت کار رضایت داریم.
محمد محمدی
مدیرکسب و کار انلاین
تیلور یک طراح حرفه‌ای است که با ارائه خدمات حرفه اش واقعاً به تجارت من کمک کرد ارزش به کسب و کار من بخشید
براندون فراستر
توسعه دهنده ارشد نرم افزار، Cosmic Sport
تیلور یک طراح حرفه‌ای است که با ارائه خدمات حرفه اش واقعاً به تجارت من کمک کرد ارزش به کسب و کار من بخشید
تام پیکر
متخصص SEO، Theme Junctionوبلاگ های اخیر
ما ایده های شما و در نتیجه خواسته های شما را در قالب یک پروژه وب منحصر به فرد قرار می دهیم که الهام بخش شما و مشتریان شما باشد.
همکاری با ما
من چیزهای ساده و زیبا را طراحی و کدنویسی می کنم و کاری را که انجام می دهم دوست دارم. همینطور ساده!
-
شماره تماس
09192585417 -
-