📐 Web to Mobile or Mobile to Web: Responsive Design Conversion

Jahanzeb Chaudhary

Starting at

$

500

/wk

About this service

Summary

I'll convert designs between different interfaces to make responsive layouts on Figma that can be used to develop, explore, and share your product. At the end of the project you'll have a Figma file containing all assets, layouts, & prototypes

Process

I'll go over your product to see how it can be better visualized across devices. The first step is to study the product / website / app to better understand it's function.
After that I'll start placing together wireframes to create layouts for the content to be placed in. Once the layout is complete elements such as logos, colors, copy can be added to the design.
The last step is to create simple prototypes to see what the design will look like on different devices. Once you are satisfied with the design I'll compile & export the file and we can start the design handover.

FAQs

  • What will I need to get started?

    I'll need a Figma file / URL containing your product / site / app to study it and start breaking it down into simpler components.

  • Do I need a prototype?

    Yes & no. Figma's prototyping capabilities allows users to interact with the interface without the need for code. This can help improve product functionality further. If you don't need a prototype than one won't be made.

  • How long does the process take?

    The process depends on the product / site / app complexity for simple projects 1 week may be all that is required, but more complicated systems can require a month or more.

What's included

  • 🗃️ Figma File

    A Figma file containing the responsive design, alongside any assets that have been used, variables, styles, typeface system. Any notes needed to better explain any part of the file will also be added

  • 🤖 Prototype

    Within the Figma file I'll add prototype(s) of the different devices so they can be quickly accessed to share with developers, stakeholders, clients, or family & friends.

  • 📤 Exports

    Screens, assets, & layouts can be exported in PNG, SVG, JPG, & PDF according to use case, and shared via email and/or Google Drive

Skills and tools

UX Designer

UI Designer

Figma

More services

☎️ 30-minute Sync

STARTING AT

$0.01

fixed rate

💻 Web & Desktop : Product Design

Example projects

STARTING AT

$35/hour

hourly rate

📱 Android & iOS App Design

Example projects

STARTING AT

$30/hour

hourly rate