A Beginner’s Guide To Designing Website And Mobile App Mockups
Using mockups for designing has become a necessary skill. Here is a guide to help you get started.
I am looking for a skilled WordPress developer to implement a hero section on my website, foll...on mobile, tablet, and laptop. Key elements of the hero section: - Call to action button - Background image or video - Headline and subheadline text - 2 images on desktop or 1 image on mobile/tablet The developer should have: - Strong experience with WordPress - Ability to follow design files accurately - Expertise in responsive design The figma designs can be seen here: The website can be seen here: You will see that lots is already implemented. The problem is that it has not been implemented correctly. So I need to have it done again but properly this time.
...accurate design rendering The conversion should focus solely on the design without any additional plugins. - We have some figma designs - We have Elementor PRO installed - I am trying to use a Figma plugin to import designs - But it is not rendering correctly and will need some minor editing 8 pages here: (Copy)?node-id=6-23&t=MMCytB9uQi2KJ4na-1 and also more pages here: I tried import, but it looks like it is duplicating the content, see: We need only the static pages imported perfectly. NO functionality, only static content. Ignore booking page
I'm looking for a skilled animator who can replicate a pre-existing animation I made in Figma. The final product should be a small animation, less than 30 seconds in duration, using After Eff...Effects to recreate a Figma animation - Work from provided design and vector files - Deliver a high-quality animation suitable for an app or web demo Ideal Skills: - Proficiency in After Effects - Previous experience with Figma - Strong attention to detail and ability to match the original animation precisely The delivery should be Lottie files. Here is the prototype-
I need a proficient designer to convert a moderately complex Figma file with multiple screens into Adobe XD. - The Adobe XD file must include basic navigation between screens. - Exact replication of design elements from Figma to Adobe XD is necessary. - The task needs to be ...necessary. - The task needs to be completed within the next hour. Ideal candidates should have: - Extensive experience with both Figma and Adobe XD. - A keen eye for detail to ensure exact replication of design elements. - Ability to work efficiently under tight deadlines.
...code We provide professional hosting and support for RustDesk OSS and RustDesk Pro, please email hello at techahold dot com if you need assistance. How to Install the server Please setup your firewall on your server prior to running the script. Make sure you have got access via ssh or otherwise setup prior setting up the firewall, command for UFW is: ufw allow proto tcp from YOURIP to any port 22 If you have UFW installed use the following commands (you only need port 8000 if you are using the preconfigured install files): ufw allow 21115:21119/tcp ufw allow 8000/tcp ufw allow 21116/udp sudo ufw enable Run the following commands: wget chmod +x ./ Choose your
I'm looking for an experienced web developer to create a website aimed at helping ...able to see their savings and the savings actions executed by the web. 3. Additional benefits: Users can invite friends for additional savings or 'challenge' the web by finding and submitting better tariffs from the market. The screens can be found in this Figma: Design: Prototype: Ideal Skills and Experience: - Proven experience in web development for mobile formats. - Strong UI/UX skills to create engaging and easy-to-navigate screens. Tech stack: React.js for the front-end. Pick your preferred stack for the other parts.
I'm looking for an experienced app developer to create a cross-platform app (iOS and A...Users should be able to see their savings and the savings actions executed by the app. 3. Additional benefits: Users can invite friends for additional savings or 'challenge' the app by finding better tariffs in the market. The screens can be found in this Figma: Design: Prototype: Ideal Skills and Experience: - Proven experience in cross-platform app and web development - Strong UI/UX skills to create engaging and easy-to-navigate screens. Please let me know your selection of tech stack and why you chose it. Thank you.
...operational on mobile, desktop, and web platforms via the provided domain. Timeline: Task Completion Deadline: morning (December 5-6, 2024). Integration and Testing: To follow task completion, ensuring smooth operations before the demo day. check documentation and Figma design link:- (Copy)?node-id=0-1&t=45XrgzOO5wr0CJ5s-1 (Copy)?node-id=2002-58&starting-point-node-id=2002%3A58 Team Access and Collaboration: GitHub Repository Access: Contact: Connect via WhatsApp for API support(ask me on chat) All code is to be asked on Chat. Budget is 2.5k...
...make an existing design responsive across desktop, tablet, and mobile platforms. In addition, a new SaaS page section needs to be integrated into the design. The project has a tight deadline and needs to be completed in the next 4 hours. This is the link to the pages: (Copy)?page-id=268%3A246&node-id=2026-1305&node-type=frame&viewport=780%2C498%2C0.56&t=drSZUqImucVHA2tU-1&scaling=min-zoom&content-scaling=fixed (Copy)?page-id=268%3A246&node-id=268-254&node-type=frame&viewport=780%2C498%2C0.56&t=drSZUqImucVHA2tU-1&scaling=min-zoom&content-scaling=fixed Key Requirements: - Make the existing Figma design responsive for desktop, tablet, and mobile - Integrate
I'm seeking an experienced Golang developer to help restructure my project's folder architecture, customize the branding name, and simplify the build and deployment processes (standalone, Docker, localnet). Ideal skills and experience for the job: - Extensive expertise in Golang - Proficiency in restructuring codebase - Experience in project branding customization - Knowledge in simplifying build and deployment processes
I'm seeking adept Golang, Proto, and Rust developers to assist in building a unique open-source blockchain utilizing the Cosmos SDK on GitHub. Key Responsibilities: - Refactor and enhance the existing project folders - Improve the CI/CD pipeline script I want this project to be well-structured and organized, with a particular emphasis on the following areas: - Consistency and naming conventions: All elements of the project should follow a standard naming system for ease of understanding and accessibility. - Separation of concerns: Each component of the project should be distinct and separate, preventing any unnecessary overlap and ensuring clarity. - Documentation and readme updates: All changes and updates should be thoroughly documented, with the README file being kept up-...
I'm looking for an experienced Golang, Python, and Proto developer who can help customize an open-source GitHub project for me. This project is based on the Cosmos SDK blockchain and needs significant personalization. Key Tasks: - Customizing the open-source project specifically focusing on the backend logic to align with my branding. - Refactoring the project to replace the existing branding with my own. Skills and Experience Required: - Proficiency in Golang, Python, and Proto. - Extensive experience with Cosmos SDK blockchain. - Proven track record in customizing open-source projects. - Strong backend development skills. - Excellent understanding of refactoring and modifying existing codebases. - Strong knowledge of Git and version control systems. - Proficiency wit...
We are seeking a skilled frontend web developer with extensive experience in Vue.js to create a dynamic and responsive web application. The ideal candidate will be responsible for implementing user interfaces, optimizing performance, and ensuring a sea...application. The ideal candidate will be responsible for implementing user interfaces, optimizing performance, and ensuring a seamless user experience. You should be adept at working with RESTful APIs and have a keen eye for design. If you are passionate about frontend development and have a solid understanding of Vue.js, we would love to hear from you! Check out the Figma:
I'm in need of a skilled Frontend Developer to convert my Figma design into a responsive HTML structure optimized for mobile devices only. Key Requirements: - Expert in transforming Figma designs into HTML. - Highly proficient in mobile-first design practices. - No specific frameworks or libraries required, but a strong ...structure optimized for mobile devices only. Key Requirements: - Expert in transforming Figma designs into HTML. - Highly proficient in mobile-first design practices. - No specific frameworks or libraries required, but a strong understanding of various options is a plus. - Understanding of interactive elements is beneficial, although not explicitly required for this project.
I'm seeking a skilled web developer to create a Vue.js website for my Edu Tech company, integrated with PocketBase. The primary focus of this project is to build a company-oriented site with a blog feature. I ALREADY HAVE DESIGN IN FIGMA check: Key Features: - A blog where we can post updates, educational content, and company news. Ideal Skills: - Proficient in Vue.js - Familiar with PocketBase - Prior experience in creating Edu Tech websites or company websites. Please provide examples of your previous work in your bid.
I have detailed figma design for a rental system's frontend. I'm looking for an experienced React Developer who can bring these design to reusable React components. Key Responsibilities: - Convert detailed wireframes into a functional frontend using React, Redux, Tailwind CSS. Ideal Skills: - Proficiency in React - Ability to follow detailed wireframes accurately - Prior experience with frontend development for rental systems is a plus You will not need to provide design suggestions as I have detailed wireframes ready. However, an understanding of modern, professional design principles will be beneficial to ensure the resulting front-end is user-friendly and aesthetically pleasing
I have detailed figma design for a rental system's frontend. I'm looking for an experienced React Developer who can bring these design to reusable React components. Key Responsibilities: - Convert detailed wireframes into a functional frontend using React, Redux, Tailwind CSS. Ideal Skills: - Proficiency in React - Ability to follow detailed wireframes accurately - Prior experience with frontend development for rental systems is a plus You will not need to provide design suggestions as I have detailed wireframes ready. However, an understanding of modern, professional design principles will be beneficial to ensure the resulting front-end is user-friendly and aesthetically pleasing
I'm looking for a talented developer to create a comprehensive job search application. This app would need to support iOS, Android, and Web platforms. It should feature: - Job Listings: Employers can post job opportunities. - Applicant Profiles: Users can create and manage their job-seeking profiles. - Application Tracking: Keeping track of applications is cru...creating cross-platform applications. Proficiency in both front-end and back-end development is a must. Experience with e-commerce and social networking apps would be an added advantage. Good understanding of UI/UX principles will help in creating a user-friendly interface. Your ability to create a secure, reliable, and efficient app will be key to the project's success. :1
...implement a new, modern design into my existing application. You will be provided with: - Access to the live application - The old UI design Figma link: - The new UI design Figma link: Please make sure to check both Figma links before submitting your proposal. Key objectives for the project: - Update the current UI to the new design - Enhance
I'm seeking a seasoned developer proficient in WordPress, preferably using Divi Template Builder, or Elementor, to integrate a specific design we have created. Key Responsibilities: - Adhere strictly to our wireframe in terms of design, structure, and UI/UX. - Implement a si...Template Builder or Elementor. - Strong understanding of WordPress. - Ability to follow complex design specifications. - Proven track record of creating interactive, user-friendly sites. Here is the link for FIGMA, Wireframe and navigation for section design and examples.
...WordPress Elementor) (Healthcare, MERN Stack) (Pet, , Node.js) (Financial Cloud Index, Nestjs/Next Js/TypeScript) Also, have a look at these UX/UI Designs: to see examples of successful webinar setups and integrations. As a domain expert, I suggest considering personalized email automation to enhance audience engagement and leveraging interactive elements for increased participant interaction. Looking forward to the opportunity to collaborate on
...OpenVPN server. Sample configuration (/etc/openvpn/): port 1194 proto udp dev tun ca cert key dh tls-auth 0 keepalive 10 120 cipher AES-256-CBC persist-key persist-tun user nobody group nogroup status log /var/log/ verb 3 Start the OpenVPN server: sudo systemctl start openvpn@server sudo systemctl enable openvpn@server 3.2. Setting Up OpenVPN on the Raspberry Pi (Client) Install OpenVPN on the Raspberry Pi: sudo apt update sudo apt install openvpn Obtain the client configuration file and keys from the server: For example, copy them using scp. Configure the client configuration file (/etc/openvpn/): client dev tun proto udp remote YOUR_SERVER_IP 1194 resolv-retry infinite nobind persist-key
I'm seeking a talented UX/UI designer to transform the user dashboard of our platform to align with the specified Figma screen. Key Requirements: - Implement comprehensive...understanding of its layout - Knowledge of database integration - Ability to create engaging interactive elements and animations - Strong understanding of color schemes and styling Please provide examples of previous work that align with these requirements. Attached is the current view of the page. We need it to be translated into this Figma design (similar to Netflix design) (Ready-for-Development)?node-id=4139-693&node-type=frame&t=mR7NIrxmYDrh2Rit-0&scaling=min-zoom&content-scaling=fixed&page-id=3938%3A111&starting-point-node-id=4139%3A693
...be/Tm_2RZm8JB8?si=QvU5BftYXkfsn2vC 5. Existing Frontend Pages: - Sign In: - Forgot Password: - Sign Up: - Personal Info: - Summary: 6. Figma Design Prototype: We're excited to discuss how you would implement these technologies to rapidly build and deploy our project. If you're passionate about creating efficient, user-friendly applications, are eager to work with cutting-edge tools, and value clear communication, we want to hear from you! Remember, start
...be/Tm_2RZm8JB8?si=QvU5BftYXkfsn2vC 5. Existing Frontend Pages: - Sign In: - Forgot Password: - Sign Up: - Personal Info: - Summary: 6. Figma Design Prototype: We're excited to discuss how you would implement these technologies to rapidly build and deploy our project. If you're passionate about creating efficient, user-friendly applications, are eager to work with cutting-edge tools, and value clear communication, we want to hear from you! Remember, start
...components, and ensuring pixel-perfect designs. Ability to handle APIs and integrate them effectively within the app. Familiarity with performance optimization, debugging tools, and version control systems (e.g., Git). Timeline: The project timeline is 3-4 weeks. The project will be completed on a milestone basis, with progress checkpoints and reviews at each stage. Mockups: Review the mockups thoroughly before bidding, and ensure you have the required skills to replicate the designs accurately. Additional Conditions: Do not bid if you are not comfortable with this budget. Any attempt to negotiate the budget after bidding will lead to the cancellation of the bid. I am looking for quality work and
I have a mock-up of a product that requires some visual and UX enhancements to make it presentable to clients. The project does not require the addition of new pages, just a thorough polishing and refinement. Key Requirements: - Ability to work in or accept proto file - Expert in modern and minimalistic design - Proficient in enhancing user experience - Creative input to align with a minimalistic theme The ideal freelancer for this project should have a strong background in visual design and user experience, particularly in modern and minimalistic styling. You will have the freedom to apply your creative input based on the minimalistic theme, as there are no strict brand colors to adhere to. Your task will be to enhance the visual appeal and usability of the prototype,
I'm looking for a professional with expertise in converting Figma designs into HTML5 using the Bootstrap CSS framework. Single page need to convert from the figma to HTML. I will share the figma and proto as well Page must be responsive in mobile, ipad and tablets. The budget is 1000 INR for this Key Requirements: - Convert provided Figma files into clean, responsive HTML5 code using Bootstrap. - Ensure the final product is compatible with modern web browsers only. - Deliver a static website without the need for any JavaScript functionality. Ideal Skills: - Proficiency in HTML5, CSS, and Bootstrap. - Experience in Figma to HTML conversions. - Strong understanding of responsive design principles.
...in the design, but unfortunately, the text is hard to read. Please adjust the design so that everything fits well, and the text becomes fully readable on mobile. Also, please remove the WhatsApp button on the left side. I’ve attached the specific section that I want to be changed, named , as well as the complete link to the current design and the Logo in folder: (Copy)?node-id=70-2&node-type=frame&t=ok4ATTqsFDx7UKxW-0&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1 Thank you in advance! Best regards, T....
We are seeking an experienced Webflow developer to bring our Figma designs to life for a large, marketing-focused B2B SaaS website. This is a premium projec...to problem-solving. Collaborative: Willingness to work closely with our internal teams to ensure all goals are met. Application Requirements: Provide 3-5 examples of premium Webflow websites you’ve completed, similar in size and complexity. We have 16 Pages, this includes 6 pages, however more pages will be provided once they have been given to me from our UI designers:
...possible. Please note, the deadline for this project is less than 24 hours. Interested teams should be able to start immediately. Homepage design: Contact Is page design: The design for the other 3 pages are being designed now. Figma password: 5562...
...Influence: Shape the direction of Gigi Michelle’s platform by contributing to key decisions. - Platform Development: Hands-on experience working with app and web platform management. - Don’t miss your chance to be part of the future of the GIGI Michelle Platform ? Apply Now to join the Gigi Michelle Elite Moderator Team and make your mark! Here is the Figma to the App
Hello, we're currently working on an app design and wanted to integrate an animated assistant mascotte to give the app a game-style UX (as you can see with the Duolingo assistant, e.g.) We're currently search for: - mascotte design; could be an animal or a ...game-style UX (as you can see with the Duolingo assistant, e.g.) We're currently search for: - mascotte design; could be an animal or a blob, with an italian touch - 3D design, to animate the mascotte and drive the user trough different app functions this is the app figma : (%2BPresentation)?scaling=scale-down&content-scaling=fixed&page-id=1004%3A26843&node-id=3079-6178&starting-point-node-id=3079%3A6178&show-proto-sidebar=1 please make a budget proposal
I'm seeking a skilled developer to create a unique ride-hailing app for both iOS and Android. This app should incorporate a real-time bidding system where d...this project. Please include relevant examples of your work in your bid. Need cost if we provide APIS & If you develop We have the UX Customer : Driver :
...dockerd, luci-dockerman, fuse-overlayfs, luci-app-samba4. Important: A USB stick with ext4 must be mounted as an overlay filesystem, so that the root directory uses the size of the USB stick. #2. VServer: Additional Requirements: The image for the VServer must contain all the identical packages as the one for the Dell Wyse 3040 (see above). Additionally, a fully configured WireGuard server with luci-proto-wireguard. Packages: luci-app-ddns, ddns-scripts. The remaining storage space on the VServer must also be usable as an overlay filesystem. Problem: I have already attempted to compile an image for the Dell Wyse 3040, but I am having issues correctly mounting the USB overlay once additional packages are included. The overlay works with a minimal configuration. Therefore, I need ...
I need the figma design to be created and fully functional as a Wordpress website.
... and here to the Figma Website: Woman Version Desktop Mobile Man Version Desktop Mobile
I'm looking for a professional web developer to create a responsive HTML design based on a provided Figma URL. 1) Landing-Page :- 2) Family & Friends:- Desktop :- Mobile : Key Requirements: - The design should cater for all device sizes: Mobile, Tablet, and Desktop. - Optimization
I'm looking for a skilled WordPress developer who can convert a Figma design into a fully functional WordPress website. The primary purpose of this site is to provide information about my company. Design - Key Requirements: - Convert Figma design to WordPress - Use of a pre-selected WordPress theme - Implementation of contact forms - Integration of social media links Ideal Skills: - Proficient in WordPress and Figma - Experience in converting Figma designs to WordPress - Familiarity with implementing contact forms and social media integrations Please note, the website will not be e-commerce focused, nor is it intended to be a personal blog. It's strictly a company information website.
I'm seeking an experienced Figma designer skilled in implementing parallax effects and hover animations. I have a completed Figma design and need these dynamic ...of the desired effects are available for reference. Ideal Skills: - Proficient in Figma - Experience with parallax scrolling and hover animations - Ability to translate examples into practical application Key Requirements: - Implement parallax scrolling and hover animations into the main content area - Follow provided examples closely while maintaining design integrity Here is example of parallax site: ~
...completed featured android app I require application to run my scrap metal yard purchasing requirements - I have designed full UI mockup on Wondershare mockitt Please follow the link and check in detail to understand my requirements. There are many annotations to make it easy to understand how the app will come together. See the link and use password to access . #New Life Metal Purchasing App-development password:freelancer When you have thoroughly studied the requirement feel free to ask any questions and offer price. This is only the beginning stages of a full yard management software so I'm looking for long term partner to support the app growth as my business grows. Need large team with 24 hours
I'm seeking a seasoned developer who can convert my Figma design into a fully functional app. The primary functionalities of this app include: - User Registration and Login: The app should allow users to create accounts and log in seamlessly. - Integrations: The app must support Goog...candidate for this project should have: - Extensive experience with - Proficiency in implementing complex user authentication systems - Prior experience with Figma design conversion I need someone who can start immediately. Please only bid if you can begin work right away.
Link to figma design: Key requirements include: - Converting Figma design to static HTML - Ensuring the site is optimized for Chrome browser - Making the site fully responsive for mobile and tablet, based on the provided design - Paying particular attention to text-heavy content, focusing on legibility, readability and aesthetics - Implementing any necessary CSS and JS for responsiveness - Testing the final product to ensure proper functionality and design across various screen sizes in Chrome - making links clickable and website navigatable Ideal Skills and Experience: - Proficiency in Figma, HTML, CSS, and JavaScript -
I'm looking for an experienced garment technician based in New York to assist with developing a tech pack for a new hoodie style that my client is looking to develop. My client is based in New York, and has reference sa...style is to be a blend of 3 different samples - taking the hood design from one, the body design from another, and the sleeve design from a third sample. So what we require is the following: * Meet with the client in NYC asap in the next few days, review the samples and discuss requirements * Then create an initial size spec and basic tech pack for this style, so that we can make an initial proto Once proto arrives back to NYC the follow-up work will be to do a fitting with the sample, note changes required, adjust spec accordingly, and then do the ...
I'm in urgent need of a skilled developer who can convert my Figma design into SEO-optimized HTML pages. Key Requirements: - Expertise in Figma to HTML co...conversion - Strong understanding of SEO optimization - Ability to deliver results quickly Your Responsibilities: - Converting the Figma design accurately into HTML - Ensuring the HTML output is fully optimized to boost SEO rankings Ideal Candidate: - Proven experience in Figma to HTML conversion - Available to start immediately and deliver results rapidly. => 3 pages -> Please share your relevant experience in your application.
Hi Vernes, Here are the homepage where we are working :- We can improve the design more and make more better, if you have any feedback please share so we can work on it also. Thank You
This is the design and its just 3 pages that need to be sliced into HTML Key Requirements: - The design elements that need to be sliced into HTML include the Header and Content sections. - The HTML code should be responsive for all devices - Mobile, Tablet, and Desktop. Please only apply to this project if you have prior experience with similar projects and can provide a detailed project proposal for this task. Your promptness and accuracy in the delivery of this project will be highly appreciated. Please only bid if youa re available RIGHT NOW and can deliver within 2 hours
Using mockups for designing has become a necessary skill. Here is a guide to help you get started.