Andrew DaRe & Berenice Mendez, HelloSign

1. How HelloSign
rebuilt their site
without code
Berenice Mendez Senior Communications Designer
Andrew DaRe, Marketing Web Developer

2. eSignatures eSignature API eFax Solution Intelligent Form Builder

3. Site lived in our
product team’s
codebase
Changes were
tied to a 3-week
release cycle
Implementation relied
on a product engineer
Prioritizing developer
resources required
lobbying
A brief history of our
marketing website

4. Creative
Brief and
Content
Wireframe
page
Technical
Discussion
with Dev
High Fidelity
Mockups
Prepare
Files for
Handoff
Dev builds
the page
Write and
Submit
Ticket
Lobbying
with PM
RevisionsQA
Awaits
Release
Published
Allocated in
a Release
Typo Bug PanicSign-Off

5. Ability to create templates /
data collections
SEO pages
Our blog
Grant access to editors
Intuitive mode for content writers to
make copy changes and other minor
changes.
Create/update pages in
minutes, not weeks
Codeless editor that is friendly to
everyone, not just engineers.
Full control by marketing
and design team
Autonomy from product/ engineering
Publish whenever we need to
Finding a new home for our website

6. Moving to Webflow: A timeline
Berenice uses Webflow free to build
out the homepage with minimal
coding experience as a trial test.
It’s go
time!
Approved
☺
Hired Webflow expert to:
Rebuild the site, maintain SEO, and
integrate tools that power our
marketing funnel infrastructure.
Style guide is created in Webflow
and components are built.
Old pages get rebuilt
Templates and collections get
built for repeatable content
New Pages are Built Published
10 weeks

7. • Website changes can be live in
minutes, not weeks
• Full autonomy from product and
engineering teams
• Content editors can make their own
website changes using intuitive
Webflow editor
• Create/ update website templates for
repeatable content is a breeze using
collections
• Embed new marketing tools in minutes
Using Webflow Today

8. A few of our favorite pages

9. • Lottie - a library for animating
After effects graphics on the web
• Webflow interactions for our FAQ
section
Our New Home Page

10. • Developed using Webflow
Collections
• Allows content editors to create/
publish blog posts without
assistance from more technical
team members
HelloSign Blog

11. Uses parallax effects
Uses image animation effects
HelloSign Enteprise

12. • A unique video series on building
Digital Strength in the workplace
• 12 videos in series, all featuring
different speakers from various
professional backgrounds
• Home page uses a series of
effects and interactions to create
the user experience
• Course and author pages are
created using Webflow collections
Digital Strength

13. Thank You