Comeup · Case study
Comeup E-commerce Project
A responsive, minimalist store that reflects the brand's premium quality. As the sole designer I ran the entire product lifecycle; the new design lifted mobile conversion by about 18%.
- Client
- Comeup
- Role
- Sole designer
- Year
- 2024
- Platform
- Desktop · Mobile
Project Summary
Comeup is an activewear brand that brings together designs with functional fabrics and aesthetic designs with sports enthusiasts, to bring a new breath to the adventurous and energetic city life. The client required a responsive, minimalist website that reflected the brand’s premium quality and offered an effortless shopping experience.
As the sole designer I managed the entire product lifecycle, consulting with the client to define requirements and deliver a tailored solution.
- increase in mobile conversion
- ~18%
- more add-to-cart from product pages
- ~22%
- lower bounce rate
- ~15%
Grid
The website design had a fluid grid layout to ensure that it is responsive and adapts to different screen sizes. The gutter size was set to 30px to create a visually pleasing space between elements, and the column width to 130px for a balanced look. The container size was set to 1920px to provide a large canvas to showcase the product images prominently.
Colors
Black and white were chosen as the predominant colors for a simple and clean look, following the minimalist and basic design concept for the project.
Home Page
I used high-quality images and short, clear text to showcase the products, and made sure to highlight the premium quality of the materials used. I also aimed to keep the layout uncluttered and visually appealing, using a clean and simple design aesthetic. This approach helped convey the brand’s message and values to visitors.
Category Page
The website features a clear navigation menu and filters to help users find exactly what they’re looking for quickly and easily. The categories and filters are intuitively labeled and organized.
Product Page
I made sure to include clear and high-quality product images so users can get a good understanding of what they are buying. The layout was designed to highlight the premium quality of the product and its materials. The page also included options to select different sizes and colors, as well as any available customization options.
The page is built on two columns. On the left, a six-image grid shows the product from different angles, with close-ups down to the texture of the fabric. On the right, the price, colour and size choices, the add-to-cart button and the collapsible product description sit together in one panel.
Colour options are shown as small photographs of the product itself rather than abstract swatches, so the colour is chosen from the garment as it really looks. The description lists the model’s size and measurements as a reference when picking a size.
Mobile Pages
About 60% of e-commerce traffic in Turkey comes from mobile devices, so the mobile layout was critical to the project’s success. I took a mobile-first approach and kept the mobile layout part of the design process from the start, aiming for a consistent experience across screen sizes.
Design Outcomes
Responsive Layouts
Desktop and mobile layouts were designed to share the same visual language.
Detailed Product Display
The product pages include space for material details and customer reviews, with the aim of making product features and craftsmanship easier to see.
General Overview
The project held two tensions. We wanted to show the product images on a wide stage, yet most of the traffic came from small screens. And choosing a colour and a size online always carries some uncertainty. I answered the first with a mobile-first, fluid grid; the second with colour choices shown as photographs of the product itself, and the model’s measurements as a size reference.
The result is a simple, minimalist site that adapts to every screen and puts the premium quality of the products first. After launch, mobile conversion rose by about 18% and add-to-cart from product pages by about 22%, while the bounce rate fell by about 15%.
