CallVoip
Built a fast static website for CallVoip, a modern cloud-based phone systems provider, using Hugo and Tailwind CSS.
- Role
- Designer + Full-stack
- Period
- 2016 - 2020
- Stack
- Hugo, Tailwind CSS
- Visit
- callvoip.nl ↗
The problem
CallVoip sells business telephony from Groningen: a phone system in the cloud, plus internet, equipment and support. I worked for them from 2016 to 2020. Phone plans are hard to tell apart if you aren't technical, so the site had to send each visitor to the right option quickly. Existing customers needed a short way to their portal and to help.
Approach
I did the design and the build. The gallery shows the route: an earlier CallvoipTelefonie.nl design with a three-step quote form, a Figma concept that split the offer by company size, and the blue Callvoip site built with Hugo and Tailwind CSS. On that site the homepage opens with three cards next to the headline: business telephony for one to a hundred-plus users, your landline number on your mobile, and calling from your computer. Each card leads to its own page. A row of small buttons at the very top links to status, the customer portal, the webshop, apps, support and login. The support page has a search bar and articles grouped into categories with a count, including short video tutorials.
Outcome
CallVoip got a static site where a new visitor picks a route on the first screen and a customer goes straight to support. The footer repeats the whole structure in five columns.
What changed
- Three entry cards on the homepage, one per type of customer.
- Separate top bar for status, portal, webshop, apps, support and login.
- Support centre with search, manuals and video tutorials per category.
- Static build with Hugo and Tailwind CSS.