Web Dev Portfolio Design Prototype
Budget: $10 – $30 USD
I’m building a personal portfolio to showcase my web-development projects and need a polished visual design plus a clickable prototype. The site will be small but must look professional, load fast and adapt smoothly from mobile to desktop.
Core content
• About Me page that quickly tells my story, skills and tech stack
• Portfolio Gallery able to present each project with room for screenshots, code links and brief case-study text
• Contact Form with the usual name/email/message fields and clear confirmation feedback
Scope of work
Design the full UI in Figma (or a comparable cloud tool) with a consistent color palette, typography set and icon style. Translate those frames into an interactive prototype so I can step through every screen, test navigation and hand a spec over to developers later. Responsive breakpoints for phone, tablet and desktop need to be included, along with concise notes on spacing and component reuse.
Acceptance criteria
• High-fidelity layouts for all pages at three breakpoints
• Clickable prototype linking every menu item, button and form state
• Exportable style guide covering fonts, colors and reusable components
• Source file(s) delivered in editable format plus a share link for review
Clear, elegant and developer-ready files are the end goal; if that fits your wheelhouse, let’s make it happen.
Core content
• About Me page that quickly tells my story, skills and tech stack
• Portfolio Gallery able to present each project with room for screenshots, code links and brief case-study text
• Contact Form with the usual name/email/message fields and clear confirmation feedback
Scope of work
Design the full UI in Figma (or a comparable cloud tool) with a consistent color palette, typography set and icon style. Translate those frames into an interactive prototype so I can step through every screen, test navigation and hand a spec over to developers later. Responsive breakpoints for phone, tablet and desktop need to be included, along with concise notes on spacing and component reuse.
Acceptance criteria
• High-fidelity layouts for all pages at three breakpoints
• Clickable prototype linking every menu item, button and form state
• Exportable style guide covering fonts, colors and reusable components
• Source file(s) delivered in editable format plus a share link for review
Clear, elegant and developer-ready files are the end goal; if that fits your wheelhouse, let’s make it happen.
Related categories:
Website Design
Graphic Design
CSS
HTML
UI / User Interface
Prototyping
Figma
Web Design