Freelancers in Muhammad PurFreelancers in Muhammad Pur
UI/UX Designer | SaaS, Web & Mobile Apps | Framer expert
5.0
Rating
16
Followers
UI/UX Designer | SaaS, Web & Mobile Apps | Framer expert
Social Media + Design Specialist | High-Impact Visuals
5.0
Rating
1
Followers
Social Media + Design Specialist | High-Impact Visuals
Expert Web Developer & Designer.
New to Contra
Expert Web Developer & Designer.
Senior Frontend Engineer | React, TS, JavaScript, AI tools
New to Contra
Senior Frontend Engineer | React, TS, JavaScript, AI tools
Cover image for n this project, I undertook
n this project, I undertook a multifaceted role that encompassed both frontend and backend development, leveraging my skills to transform Figma design concepts into a fully functional web application while also setting up a Node server to facilitate its operation. Frontend Development - Translating Figma Design: I began by meticulously studying the Figma design provided as the blueprint for the web application. This involved a comprehensive analysis of the user interface, layout, and interactions specified in the design. My task was to translate this static design into a dynamic and responsive web application. I employed modern web technologies such as HTML, CSS, and JavaScript to achieve this transformation. Implementing responsive design principles, I ensured that the web app would provide an optimal user experience on various devices and screen sizes. Attention to detail was paramount to ensure that every element, from buttons to forms and visual components, aligned with the design's aesthetics and functionality. Backend Development - Node Server Setup: Simultaneously, I set up a Node.js server to support the web application's functionality. This server acted as the backbone, handling requests and managing various job-related processes. It allowed users to execute different types of jobs, including Fetcher, Grouper, and Combined jobs, as specified in the project's context. This required careful design and implementation to ensure smooth execution. The Fetcher job involved fetching top search results from selected search engines based on provided keywords. The Grouper job combined the fetched results using specified parameters. The Combined job seamlessly executed both Fetcher and Grouper actions in sequence, delivering comprehensive results. User Management and Interaction: I implemented user management features, differentiating between simple users who could run jobs and administrators who had broader access and control over the platform. Users could initiate and manage job runs, providing keywords and parameters as needed. Job statuses, results, and logs were tracked and made accessible to users for transparency and control. Overall, my role in this project encompassed the translation of Figma design concepts into a responsive web application and the establishment of a robust Node server to support the platform's core functionalities. This project demonstrated my proficiency in both frontend and backend development, as well as my ability to bring a comprehensive web solution to life.
0
14
CraftedDots — Where Premium Design Fuels Real Growth
1x
Hired
9
Followers
CraftedDots — Where Premium Design Fuels Real Growth
Cover image for Mental wellness products often promise
Mental wellness products often promise peace, but many digital experiences do the opposite. Cluttered dashboards. Generic illustrations. Cold interfaces. Endless cards competing for attention. Instead of reducing anxiety, they increase cognitive load. This premium Mental Wellness SaaS Landing Page was designed to create an experience that feels calm, trustworthy, and human from the very first interaction. Inspired by the clarity of Apple's product storytelling, the precision of Linear, the elegance of Arc Browser, and the immersive visual quality often seen on Awwwards, every section is crafted to communicate confidence and emotional connection. Design Goals • Reduce visual stress through intentional whitespace. • Create emotional connection using cinematic photography. • Present complex wellness data in a simple, digestible way. • Blend AI with human-centered care. • Build credibility through premium visual language. Design Highlights ✔ Editorial asymmetrical layouts ✔ Premium Bento Grid System ✔ Frosted Glass UI Components ✔ Dark Mode with cinematic lighting ✔ Orange → Red gradients with subtle Lime highlights ✔ AI wellness dashboards ✔ Mood analytics ✔ Sleep tracking ✔ Meditation experience ✔ Therapist booking interface ✔ Emotional intelligence widgets ✔ Recovery insights Every section was carefully structured to improve storytelling while maintaining a premium SaaS aesthetic suitable for modern health-tech startups. Great healthcare products shouldn't only function well—they should make users feel understood from the very first interaction. Good UI attracts attention. Great UX builds confidence. Exceptional product design creates emotional trust. What feature would you expect from an AI-powered mental wellness platform? 🌐 crafteddots.agency (http://crafteddots.agency) 📩 info@crafteddots.agency (mailto:info@crafteddots.agency)hashtag#UXDesign (https://www.linkedin.com/search/results/all/?keywords=%23uxdesign&origin=HASH_TAG_FROM_FEED) hashtag#UIDesign (https://www.linkedin.com/search/results/all/?keywords=%23uidesign&origin=HASH_TAG_FROM_FEED) hashtag#ProductDesign (https://www.linkedin.com/search/results/all/?keywords=%23productdesign&origin=HASH_TAG_FROM_FEED) hashtag#MentalHealth (https://www.linkedin.com/search/results/all/?keywords=%23mentalhealth&origin=HASH_TAG_FROM_FEED) hashtag#MentalWellness (https://www.linkedin.com/search/results/all/?keywords=%23mentalwellness&origin=HASH_TAG_FROM_FEED) hashtag#HealthcareDesign (https://www.linkedin.com/search/results/all/?keywords=%23healthcaredesign&origin=HASH_TAG_FROM_FEED) hashtag#HealthTech (https://www.linkedin.com/search/results/all/?keywords=%23healthtech&origin=HASH_TAG_FROM_FEED) hashtag#SaaS (https://www.linkedin.com/search/results/all/?keywords=%23saas&origin=HASH_TAG_FROM_FEED) hashtag#LandingPage (https://www.linkedin.com/search/results/all/?keywords=%23landingpage&origin=HASH_TAG_FROM_FEED) hashtag#WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) hashtag#Glassmorphism (https://www.linkedin.com/search/results/all/?keywords=%23glassmorphism&origin=HASH_TAG_FROM_FEED) hashtag#BentoGrid (https://www.linkedin.com/search/results/all/?keywords=%23bentogrid&origin=HASH_TAG_FROM_FEED) hashtag#DarkMode (https://www.linkedin.com/search/results/all/?keywords=%23darkmode&origin=HASH_TAG_FROM_FEED) hashtag#AI (https://www.linkedin.com/search/results/all/?keywords=%23ai&origin=HASH_TAG_FROM_FEED) hashtag#ArtificialIntelligence (https://www.linkedin.com/search/results/all/?keywords=%23artificialintelligence&origin=HASH_TAG_FROM_FEED) hashtag#DigitalProduct (https://www.linkedin.com/search/results/all/?keywords=%23digitalproduct&origin=HASH_TAG_FROM_FEED) hashtag#UserExperience (https://www.linkedin.com/search/results/all/?keywords=%23userexperience&origin=HASH_TAG_FROM_FEED) hashtag#UserInterface (https://www.linkedin.com/search/results/all/?keywords=%23userinterface&origin=HASH_TAG_FROM_FEED) hashtag#StartupDesign (https://www.linkedin.com/search/results/all/?keywords=%23startupdesign&origin=HASH_TAG_FROM_FEED) hashtag#Figma (https://www.linkedin.com/search/results/all/?keywords=%23figma&origin=HASH_TAG_FROM_FEED) hashtag#CreativeDesign (https://www.linkedin.com/search/results/all/?keywords=%23creativedesign&origin=HASH_TAG_FROM_FEED) hashtag#InteractionDesign (https://www.linkedin.com/search/results/all/?keywords=%23interactiondesign&origin=HASH_TAG_FROM_FEED) hashtag#VisualDesign (https://www.linkedin.com/search/results/all/?keywords=%23visualdesign&origin=HASH_TAG_FROM_FEED) hashtag#DesignInspiration (https://www.linkedin.com/search/results/all/?keywords=%23designinspiration&origin=HASH_TAG_FROM_FEED) hashtag#CraftedDots (https://www.linkedin.com/search/results/all/?keywords=%23crafteddots&origin=HASH_TAG_FROM_FEED)
1
1
32
Fixing messy, confusing, and mismatched identities
28
Followers
Fixing messy, confusing, and mismatched identities