That time when
I developed Everledger’s website using Hubspot, WordPress, and Elementor.

Project Context

Problem

Everledger utilizes the blockchain to improve supply chain transparency. However, their website was out of date and needed an overhaul.

Solution

Developed a new website that better incorporates Everledger’s brand and design system.

My Role

Website Developer

Project Type

Full-time Professional Experience 

Project Breakdown

01

Problem

Everledger is a software company that uses the blockchain and other technologies to verify claims on products and goods to increase supply chain transparency.

However, their older website design was problematic and less usable than the competition’s site.

Figure 1: Everledger's older website was aesthetically outdated with its brand's image and not user friendly.

02

Research Process

The Design team handed off an incomplete website design for our team to build.

As a result, we grappled with how to handle the redesign ourselves while rapidly developing the website to meet a deadline. So we created a mood board on Figma, collaboratively identifying the pros and cons of various design elements for inspiration.

Synthesis

We had to swiftly overcome any problems that arose to meet the approaching deadline.

Our team quickly became familiar with Elementor while simultaneously creating the website’s general structure, information architecture, and design system. For example, I learned about WordPress and Elementor’s technical constraints in making modular and responsive design elements.

Figure 2: Issues on the older website ranged from inconsistent text hierarchy to overemphasizing the usefulness of the chatbot.

03

Design

Everledger’s new E-commerce website was a collaboration between many stakeholders and teammates. I helped lead the design of the E-commerce website while simultaneously developing it using WordPress and Elementor. More specifically, I designed a site map and crafted a low-fidelity user interface wireframe on Figma to aid with collaborative development between international teammates.

My teammates and I helped debug the site, assembled marketable graphics, and wrote content copy. To facilitate the website feedback process from coworkers, I created and distributed a survey in addition to Zoom feedback sessions.

Figure 3: I collaborated with various stakeholders, developers, and marketers in order successfully design and develop the E-commerce website's user interface.

04

Deliverable

Our team rapidly designed and developed an E-Commerce website that acts as a fresh onramp for new and returning customers that offers a streamlined experience.

Outcome

In the end, Figma, WordPress, Elementor, Hubspot, Woocommerce, and various other plugins were the critical tools required to build the E-commerce website.

Our team successfully met pre-established deadlines despite major hiccups that were outside of our control. After achieving our goal and overcoming all obstacles, we successfully handed it off to the digital marketing team to manage.

In Retrospect...

At the beginning of the development, I should have been more adamant that Elementor would become a blocker and create technical debt.

Initially, I strongly voiced my concerns about the tool, but it was too late. So we proceeded anyway, and after some time, it became clear to everyone that Elementor was impeding development, but at that point, it had become a sunk cost.

Figure 4: Everledger's new E-commerce website solution paves the way for onboarding users to a consumer-centric transparent supply chain.

Media

Media credit shared between Lukas and the Everledger team.