Vive!
This project involves the creation of a Christian clothing brand, from concept to execution. It includes the design of the brand identity, product designs with biblical messages of hope, faith, and spiritual transformation, and the development of a fully functional website. The website is built using WordPress, Elementor, and WooCommerce, providing a seamless e-commerce experience for customers.
About the brand
Vive is more than just a clothing brand: it’s a movement. Based in British Columbia, Canada, Vive creates eco-friendly casual wear that inspires. Its designs feature biblical messages of hope, faith, and spiritual transformation, in English, Spanish, and French, embracing diversity. Every piece begins with a concept based on a key story, teaching, or verse, with hand-drawn sketches inspired by the Bible.
Process
Research
To begin with, it was important to understand who Vive’s potential customers and users were. I conducted a research process to explore the ecosystem of Christian clothing brands in the market with an online presence, and also eco-friendly, as well as to identify potential customers.
As a result, I created a benchmark, analyzing six different apparel brands from Canada and the United States that share similar values with Vive. However, Vive stands out with one key differentiator: it is the only brand that features original designs and illustrations that communicate biblical messages.
The research also revealed that people between the ages of 21 and 36 tend to prefer eco-friendly garments that reflect strong values, perfectly in line with what Vive offers. From this information, I have created two user profiles that reflect Vive’s core principles and the characteristics of those who prefer to buy sustainable fashion.
User journey
To gain deeper insight into the user experience of potential Vive customers, I mapped a user journey, from initial awareness to post-purchase. This helped uncover real user needs, identify pain points and improve the overall customer experience.
Brand Definition
Name
The name “Vive” reflects the foundation of the brand and its fundamentals of faith: Christ is alive! More than a name, it reflects the heart of their beliefs: a message of hope, resurrection, and the eternal presence of Christ in their lives.
Logo
The Vive logo symbolizes the Lamb of God, a powerful representation of sacrifice and redemption. Together with the text, it conveys the message: the Lamb lives, a declaration that Christ is alive.
Style Guide
Issuu: https://issuu.com/cristiandab/docs/vive_style_guide
PDF: Colour Usage Guide
Design
Wireframes
The next step was designing the brand’s website, making sure the wireframes clearly described the e-commerce functionality and informational content. The goal was to build consistent storytelling around the brand and, at the same time, make it easy for users to access the products and explore their features.
Products
Concurrently, I started working on design proposals and illustrations to be applied to the clothing, taking into account the needs of potential consumers and the realities of the market and competition.
To achieve this, I began by sketching on paper to illustrate the message I wanted to convey. I then digitized the artwork and applied it to clothing models that best suited Vive’s identity.
Development
As for the development tools used to implement the site, I chose to work with WordPress, Elementor Pro, and WooCommerce, incorporating custom fields and ensuring a fully responsive and versatile design.
These tools simplified the development process and allowed me to focus on the small details that make the site an effective tool for both communication and sales.
Usability Testing
Finally, I conducted usability testing to evaluate the website with real users. The results were highly satisfactory in terms of users’ ability to search for, find, and purchase one or more products from the brand.
However, some opportunities for improvement appeared in relation to how users interacted with e-commerce functionalities such as size and color selection, as well as the visibility of product availability.
