About
I’m Heron Souki, a web designer and Framer expert. I design websites and build them in Framer, Webflow, WordPress or custom code.
Most of my projects are built in Framer, which lets me design and build in the same tool. I also build in Webflow and WordPress, and write custom code when a project needs it.
I usually start with the content: your services, prices and the questions customers ask. Knowing what each page needs to say makes the design decisions easier.
I write custom code for features a platform doesn’t include, such as a WebGL effect, a price estimator or animated type. In Framer, these become components with settings you can edit.
See the workHow I work
- 01
Content first
I plan each page around your real content, such as services, prices and common questions, before designing the layout.
- 02
Real pages to review
In every round of revisions, you review a working version of the website in your browser.
- 03
Animation with a purpose
I use animation where it helps explain something, such as a price updating or a section opening, and keep the rest of the site calm.
- 04
Easy to update
Every site is set up so your team can update the content without help, whichever platform it’s built on.
Toolkit
The platforms and tools I work with.
- FramerCMS, components and variants, effects, forms, localization and SEO settings
- WebflowWebsites built in Webflow, including CMS collections and interactions
- WordPressWebsites built on WordPress, with content your team can edit in the dashboard
- HTML, CSS, JavaScript and ReactCustom-coded websites and components, including the code components I use in Framer
- WebGL and GLSLShader effects, like the 3D form on this site’s home page
- FigmaFor projects where the design starts in Figma
- CopywritingWebsite copy based on your services and details