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.
Audience
Everledger Customers
Everledger Stakeholders
Investors
Project Type
Full-time Professional Experience
Constraints
Covid
WordPress theme limitations
Time Frame
1 month
My Role
Website Developer
Team
Four teammates
Project Breakdown
01
Problem Context
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.
