scdesign - Portfolio website in Webstudio
Ankur Puri
Custom portfolio website for Sonam C.
Sonam, an experienced Product designer based in Chicago needed to refresh her old portfolio created in Wix years ago. I was hired to design & develop a custom portfolio to incorporate not just a fresh look & feel, but add much needed improvements from SEO, performance, Open graph, and form integration perspective.
I was given complete control over the project vision, design direction and implementation methodologies & frameworks used in order to bring the portfolio to life. The only pointer given to me was to keep things on the clean, minimalist and timeless side.
You can visit the live website at https://www.scdesign.site/
Discussions and Deliverables
Gathering information
I worked collaboratively with Sonam to discuss my design direction and after confirming on the concepts, we agreed it was OK to proceed. Armed with all the images, text content/copy related to all the projects provided by Sonam, I went to Figma-land and had fun trying out different ideas.
As part of the project agreement, there were a lot of things that needed to come together to make this website work as desired today and remain easy to maintain & update in the near future. (Wix had been a lot of work to maintain, and Sonam didn't want a repeat mistake this time around)
Design & development
After our Figma designs were locked in, I asked Sonam to jump in and take on the copywriter's role. After all, it was all her projects and nobody knew them better than her.
With all the key pieces of information available to me, I was able to get started on the development side of things. I chose Webstudio for this build as it allowed me to truly embrace the flexibility and freedom of developing without getting tied into a walled ecosystem.
Checklist
🖥 Used Webstudio to develop & host the website
❇️ Used Client-first web Framework for improved scalability and easier updates in the future
📱 Fully responsive website supporting Desktop, Tablet and Mobile views
📟 Implemented On-page SEO optimizations for higher ranking among results
⚡️ Speed optimizations performed on all media/assets throughout the website
🕶 Optimized for Open Graph social sharing to enable increased engagement
🕹 Implemented fast CSS based animations & Interactions across the website
🗒 Integrated Radix contact form for messaging & lead capture
🛠 CSS and JavaScript based custom code utilized to enhance site specific functionality
♿️ Accessibility first Radix components utilized allowing use by a wider range of audience
Fully responsive - desktop, tablet and mobile views
Performance & SEO optimizations
Additional screenshots
Are you in need of a Website?
Let's discuss how I can support your business objectives by selecting one of my services. I appreciate you reaching this far ⚡️ Thanks for your interest in my work.
Ankur Puri @ankurpuri
