Colutions Webstore
2021 - Present
Role
UI/UX Designer
Developer
Type
Personal Project
Duration
Ongoing
Tools
Figma, Webflow, JavaScript, Shopify
Introduction
Colutions is a clothing brand that I began releasing in 2021. My goal with the brand is to propose new abstract minimalist ideas on how clothes could look and function. I wanted to create a web store that matched, and expanded upon the design language and experimentation of the products.
Fashion
Experimentation
Ecommerce
Brand Identity
Web Development
Problem
I wanted to create a webstore that matched, and expanded upon the design language of the clothing products. Similar to the apparel, the goal of the web store became to propose new ideas on how a webstore could look, feel, and function. The challenge became finding an approach to building a web store that was new and exciting, but didn't get in the way of selling products on both Desktop and Mobile.
Solution
I created my designs in Figma and pursued realizing the site in Webflow with Shopify on the backend. Webflow allowed me the widest range of freedom and ability to code what I could not create using their tool, giving me free range to execute my ideas. Upon going live in 2021 it has been successfully used to take orders from around the globe and continues to be a project I develop further.
Colutions
Personal Project, 2021 - Present
Introduction
Colutions is a clothing brand I started working on in 2020 and began releasing in 2021. My goal with the brand is to propose new hyper minimalist ideas on how clothes can look and function.
Problem
I wanted to create a webstore that matched, and expanded upon the design language of the clothing products. Similar to the apparel, the goal of the web store became to propose new ideas on how a webstore could look, feel, and function. The challenge became finding an approach to building a web store that was new and exciting, but didn't get in the way of selling products on both Desktop and Mobile.
Solution
I created my designs in Figma and pursued realizing the site in Webflow with Shopify on the backend. Webflow allowed me the widest range of freedom and ability to code what I could not create using their tool, giving me free range to execute my ideas. Upon going live in 2021 it has been successfully used to take orders from around the globe and continues to be a project I develop further.
Skills
Figma
UI/UX Design
Webflow
JavaScript
Shopify
Index
Feeling of site should be light and airy, a sense of discovery
Mobile
Site interaction is based on gestures
Scroll to change images, creating an interactive animation
Swipe to change products
Desktop
Experience is translated into desktop
Reflowed to fit the cursor over touch based interaction
UI Design
Color Switcher, buttons, and graphic elements follow stripped down minimalist branding
Backend
I used Shopify on the backend for cart, and order tracking
Evolution
Old desktop portal experimentation.
The site continues to evolve as more products are released and the story is more realized
colutions.io