The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I designed and built a modern, high-performance portfolio website using Lovable, focused on creating a premium digital presence and a smooth user experience across desktop, tablet, and mobile devices.
The website features a modern SaaS-inspired visual style, responsive layouts, interactive project showcases, detailed case study modals, smooth scrolling, subtle animations, and a carefully structured content hierarchy. Every section was designed to clearly present services, technical expertise, integrations, and real client projects without making the interface feel overcrowded.
I also integrated EmailJS with the custom contact form, allowing website inquiries to be sent directly to my Gmail inbox in real time. The form includes structured project information, required field validation, project type selection, and a custom confirmation experience after successful submission.
Key features include:
• Modern SaaS-Inspired UI/UX
• Fully Responsive Website Design
• Interactive Project Case Studies
• Custom Modal & Popup Experiences
• Smooth Animations & Micro-Interactions
• EmailJS Integration
• Direct Gmail Inquiry Delivery
• Custom Contact Form & Validation
• Dynamic Project Type Selection
• Mobile & Desktop Optimization
• Conversion-Focused Content Structure
• Performance & User Experience Optimization
This project demonstrates my ability to use Lovable to build more than visually attractive pages. I create complete, functional web experiences by combining modern UI design, responsive development, third-party integrations, and business-focused functionality.
Nice work. What stands out is the focus on making the portfolio functional, not just visually appealing. The contact flow and project structure are the kinds of details that can improve conversion.
Thanks Adesuyi, really appreciate that! I'm always looking to improve it further, if you have any suggestions on what could make it even better, I'd love to hear them.
contra.com
Adesuyi Victor - Web Designer | Contra
Lovable App Developer | I Fix, Finish & Launch Your AI-Built. View Adesuyi Victor’s Profile on Contra. The Independent-first, commission-free freelance marketplace shaping the future of work.
Happy to! One thing I would consider is adding a clear 'Why work with me' section near the top with measurable outcomes from past projects. It helps visitors understand your value before they dive into the case studies.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
My client generated over $100K with their old checkout page and a $45 product 😳
This redesigned version doesn't just look better, it introduces:
- stronger value positioning
- strategic cross-sells
- added value
This alone creates opportunities to significantly increase average order value (AOV) and even support higher pricing (2x current price).
Great design isn't just about aesthetics, it can directly impact revenue (if you study how).
Do you think Version 1 would convert and better present a higher price?
16 voted
44%
20 voted
56%
36 votes
Closed
At the end results matter.
Wonder Shader Lab - This is my submission for Wonder Challenge.
I made this project because I really love shader effects in Wonder and I was struggling to find and use this feature at first.
Shaders are powerful but somewhat hidden, so I created Wonder Shader Lab, a curated gallery that shows a list of cool shader effects you can use in website design.
I counted 95 main categories of shader effects, with each category having 2 to 6 or 8 different variations. The page includes live examples and simple instructions on how to apply shaders as background and text effects.
Built entirely in Wonder to help other creators quickly discover and use these amazing features.
Wonder File Link: https://app.wonder.so/zeng/files/019f34ef-5599-7c55-9858-ec5d63972f18
I include steps on how to add Shader to background, text and SVG here:https://x.com/zeng_wt/status/2074309904668463312?s=20
Made with Wonder by Zeng.💜
95 categories is a serious amount of cataloging, that alone is a useful reference even without the Wonder file. Do you plan on keeping the gallery updated as new shader types get added, or is this more of a snapshot?
Homepage of the website I designed and built in Webflow for Clara Fois - Illustrator and Graphic designer from Italy 🎨
See it live: clarafois.com
Project of the day and Top 100 Websites in Art, Design & Culture 2025 on We.directory 💯
So cool 🚀.
Love the scroll flow
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?