GigResource Responsive UI Design Refinement
Budget / Salary$250–750
TypeFreelance project
LocationRemote
Posted1 hour ago
GigResource — Graphic website Designer JD
Refine, don't replace — the site already exists with an established color scheme (navy, teal, pruple , green, and orange), navigation structure, and layout. Nothing gets removed, renamed, or reimagined from scratch.
Left sidebar is the top priority — it must be polished, consistent, with proper icon alignment, active states, hover effects, collapsed state on laptop, and mobile-friendly behavior.
Responsive design across 3 devices — mobile (purpose-built layout, not a shrunken desktop), laptop (collapsible sidebar), and desktop (full expanded view). Website only — no native app.
Scope is open-ended, up to 30-100+ pages "per user"— Client, Professional, Influencer, Admin and Affiliate pages across all five users types, plus policy pages, demo/explainer pages, and Outer user pages if requested. Pages with tabs or sub-views must be fully designed in every state, not just the default.
Pages and links are not final — the platform is in active development. Pages may be added, removed, or renamed at any time. Revisions and redos are expected and non-negotiable.
Please provide a high-fidelity mockup of the dashboard. The sample must be designed in Figma; AI-generated screenshots will not be accepted.
You have 12 hours to submit your concept. For the assignment, select any web link from the left column of the dashboard. Using the existing data on that page, show us your creativity and attention to detail by reshaping and reorganizing the layout. Do not remove any of the original data—your goal is to impress us with how you improve the page's structure and user experience.
Engagement terms the freelancer must accept: stay until GigResource says the project is done; attend all required meetings, if needed ; act on all handoffs, feedback, and flagged issues promptly; remain available and responsive throughout; GigResource can cancel the contract at any time without payment; timeline is approximately 4+ months but may be uneven. To review the JD for this role, click the weblink, then wait to be accepted then review the fuller details then bid ---> https://docs.google.com/document/d/1fjD0bI1yv_z0O-WM5qd9XU1Pek-9zSWk4feLLS1RjBI/edit?tab=t.0 Answer the Questionnaire --> https://docs.google.com/document/d/13RtTaBidscsFBXjD5h3ZqjFCYpElPkYa82V6ALQaDtg/edit?tab=t.0
1. Which dashboard page, user type or sidebar link should the first concept use?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
2. Is there an existing Figma file or design system with colors, icons, typography and layout rules?
The rules I have are these:
Role colors (light / dark): Client
#FFF7ED /
#EA580C, Professional
#EFF6FF /
#1D4ED8, Influencer
#F5F3FF /
#6D28D9, Admin
#F0FDF4 /
#15803D, Affiliate
#FDF2F8 /
#DB2777.
ID prefixes: CL-, PRO-, INF-, ADM- and AFF-. Never GR-.
No decorative checkmarks.
For the Figma file, icons, typography and layout rules: if my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
3. Will you provide the website URL, dashboard access, existing Figma files and page data?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
4. Is the 12-hour Figma concept a separately paid milestone?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
5. How is payment protected if the contract is cancelled? Are milestones paid even if the project is paused or cancelled? What are the milestone, revision-limit and acceptance terms?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
6. Which UI framework or component style system should the Figma handoff follow?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
7. What are the top-priority sidebar polish details (icon alignment, active states, hover, collapsed behavior on laptop and mobile), and are there guidelines for icon styles, hover effects and mobile interactions? Is the biggest frustration icon alignment and spacing, or the collapse behavior?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
8. Will the sidebar structure stay fixed, or will menu items be added or removed during the project?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
9. Should the selected page be redesigned for mobile, laptop and desktop while preserving all original data and navigation?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
10. Should the first phase focus on the dashboard and shared responsive patterns, with other pages prioritized as the platform evolves? Can you provide a prioritized page inventory?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
Refine, don't replace — the site already exists with an established color scheme (navy, teal, pruple , green, and orange), navigation structure, and layout. Nothing gets removed, renamed, or reimagined from scratch.
Left sidebar is the top priority — it must be polished, consistent, with proper icon alignment, active states, hover effects, collapsed state on laptop, and mobile-friendly behavior.
Responsive design across 3 devices — mobile (purpose-built layout, not a shrunken desktop), laptop (collapsible sidebar), and desktop (full expanded view). Website only — no native app.
Scope is open-ended, up to 30-100+ pages "per user"— Client, Professional, Influencer, Admin and Affiliate pages across all five users types, plus policy pages, demo/explainer pages, and Outer user pages if requested. Pages with tabs or sub-views must be fully designed in every state, not just the default.
Pages and links are not final — the platform is in active development. Pages may be added, removed, or renamed at any time. Revisions and redos are expected and non-negotiable.
Please provide a high-fidelity mockup of the dashboard. The sample must be designed in Figma; AI-generated screenshots will not be accepted.
You have 12 hours to submit your concept. For the assignment, select any web link from the left column of the dashboard. Using the existing data on that page, show us your creativity and attention to detail by reshaping and reorganizing the layout. Do not remove any of the original data—your goal is to impress us with how you improve the page's structure and user experience.
Engagement terms the freelancer must accept: stay until GigResource says the project is done; attend all required meetings, if needed ; act on all handoffs, feedback, and flagged issues promptly; remain available and responsive throughout; GigResource can cancel the contract at any time without payment; timeline is approximately 4+ months but may be uneven. To review the JD for this role, click the weblink, then wait to be accepted then review the fuller details then bid ---> https://docs.google.com/document/d/1fjD0bI1yv_z0O-WM5qd9XU1Pek-9zSWk4feLLS1RjBI/edit?tab=t.0 Answer the Questionnaire --> https://docs.google.com/document/d/13RtTaBidscsFBXjD5h3ZqjFCYpElPkYa82V6ALQaDtg/edit?tab=t.0
1. Which dashboard page, user type or sidebar link should the first concept use?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
2. Is there an existing Figma file or design system with colors, icons, typography and layout rules?
The rules I have are these:
Role colors (light / dark): Client
#FFF7ED /
#EA580C, Professional
#EFF6FF /
#1D4ED8, Influencer
#F5F3FF /
#6D28D9, Admin
#F0FDF4 /
#15803D, Affiliate
#FDF2F8 /
#DB2777.
ID prefixes: CL-, PRO-, INF-, ADM- and AFF-. Never GR-.
No decorative checkmarks.
For the Figma file, icons, typography and layout rules: if my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
3. Will you provide the website URL, dashboard access, existing Figma files and page data?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
4. Is the 12-hour Figma concept a separately paid milestone?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
5. How is payment protected if the contract is cancelled? Are milestones paid even if the project is paused or cancelled? What are the milestone, revision-limit and acceptance terms?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
6. Which UI framework or component style system should the Figma handoff follow?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
7. What are the top-priority sidebar polish details (icon alignment, active states, hover, collapsed behavior on laptop and mobile), and are there guidelines for icon styles, hover effects and mobile interactions? Is the biggest frustration icon alignment and spacing, or the collapse behavior?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
8. Will the sidebar structure stay fixed, or will menu items be added or removed during the project?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
9. Should the selected page be redesigned for mobile, laptop and desktop while preserving all original data and navigation?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
10. Should the first phase focus on the dashboard and shared responsive patterns, with other pages prioritized as the platform evolves? Can you provide a prioritized page inventory?
If my PM reaches out to you for your Q/A’s or if she is interested then she will have more answers, i am just getting the posting of the project and then she decides the rest.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.