Coeur

UI Design

Responsive

E-Commerce

Coeur

UI Design

Responsive

E-Commerce

Coeur

UI Design

Responsive

E-Commerce

Overview

Coeur is a leather goods company with thoughtful design and regenerative materials

Coeur is a leather goods company with thoughtful design and regenerative materials

Developed Coeur's website and provided creative direction, including branding, logo design, and social media strategy.

Developed Coeur's website and provided creative direction, including branding, logo design, and social media strategy.

Role

Role

Role

UI Design

Creative Direction

UI Design

Creative Direction

Team

Team

Team

Kathryn Kopec

Kathryn Kopec

Kathryn Kopec

Deliverables

Deliverables

Deliverables

Responsive Website

Social Strategy

Visual Assets

Responsive Website

Social Strategy

Visual Assets

Tools

Tools

Tools

Figma

Adobe Suite

Shopify

Figma

Adobe Suite

Shopify

Website

Home Page

Home Page

For Coeur’s initial launch, my client wanted a clean and intuitive website design. I crafted a homepage that embodies the brand while ensuring effortless user engagement.

For Coeur’s initial launch, my client wanted a clean and intuitive website design. I crafted a homepage that embodies the brand while ensuring effortless user engagement.

Website

Collection Page

Collection Page

The first collection featured a limited number of products. I prioritized a clean and balanced UI design to ensure each product was showcased prominently and equally.

The first collection featured a limited number of products. I prioritized a clean and balanced UI design to ensure each product was showcased prominently and equally.

Website

Product Page

Product Page

Ensuring the product pages were easy to navigate was essential. With extensive content about each bag, implementing a dropdown menu became a key solution for organization and clarity.

Ensuring the product pages were easy to navigate was essential. With extensive content about each bag, implementing a dropdown menu became a key solution for organization and clarity.

Website

Transparency Page

Transparency Page

Given the brand’s commitment to sustainable materials, creating a transparency page to highlight this was essential.

Given the brand’s commitment to sustainable materials, creating a transparency page to highlight this was essential.

Website

Responsive Design

Responsive Design

With 70% of users accessing the website via mobile, ensuring a fully responsive design was crucial for optimal user engagement.

With 70% of users accessing the website via mobile, ensuring a fully responsive design was crucial for optimal user engagement.

Takeaways

What I Learned

What I Learned

Taking on a freelance project taught me a lot about myself as a designer.

Taking on a freelance project taught me a lot about myself as a designer.

Client Collaboration

Clear communication ensured the design met their vision.

E-Commerce Design

E-Commerce Design

Tailored designs to meet the unique needs of e-commerce functionality.

Shopify Limitations

Shopify Limitations

Adapted creatively to work within platform constraints.

Creating a Digital Presence

Developing a brand’s digital presence entirely from the ground up.

Say Hi ✌︎

© Kathryn Kopec 2024

Say Hi ✌︎

© Kathryn Kopec 2024

Say Hi ✌︎

© Kathryn Kopec 2024

Say Hi ✌︎

© Kathryn Kopec 2024