Hey, frontend developer here. I do landing pages and Figma to code. Curious - what do most of you...Hey, frontend developer here. I do landing pages and Figma to code. Curious - what do most of you...
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
Responsive is usually more mechanical once you know the breakpoints, but converting a static comp into logic that holds up under real content is where it gets messy. Do Figma auto layout files translate cleanly for you, or do you end up rebuilding a lot of the structure yourself?
I think that if you have the right design handed off, none of these should really be an issue.
When I approach a frontend implementation, especially when I have all the screens for desktop, tablet, and mobile, I start by creating a design system in CSS. I usually try to avoid...
Team Sections: Professional Only or Professional + Personal?
A team section can build trust in different ways.
Version A - Professional. Focuses on the coaches’ professional experience - their expertise, years of practice, and approach to working with clients.
Version B - Professional + Personal. Keeps this information but adds a Weekend Mode with personal photos, interests, and small stories about life outside work.
For a coaching website, both sides matter: expertise shows competence, while personality helps visitors feel a human connection.
Which version would make you more likely to choose a coach?
Meriot personal portfolio Website Homepage showcase
A portfolio website designed to turn personal expertise into a strong digital presence.
The goal was to create a website that communicates experience, personality, expertise, and credibility within the first few seconds.
I focused on:
Clear positioning and personal branding
Strong visual hierarchy
Editorial-style typography
Project-focused storytelling
UX/Product Design service presentation
Testimonials and social proof
Clear CTA for potential clients
Responsive, conversion-focused layouts
The visual direction combines minimal typography, bold imagery, dark/light sections, and subtle interactions to give the portfolio a distinctive personality without making it difficult to navigate.