About Comeup

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.

Comeup men and women collections redefine the performance fashion with its products arising from the striking combination of current fashion trends with activewear. Functional products with the eye-catching harmony of fashion and sports, while providing performance during your training, aim to increase your comfort in your daily life by accompanying your every moment with their aesthetic designs.

Brief

The client desired a website that is responsive, with a simple and uncluttered design, which conveys the sense that the products are of high quality and personalized, allowing for an effortless shopping experience.



My Role

"I managed the complete design process from beginning to end and assisted the client in identifying their requirements and finding solutions. I was the only designer on the project.



Challenge

The product is manufactured from high-quality materials, which contributes to its higher-than-average price in Turkey. It is imperative that the website should communicate the premium quality of the product to potential customers, and effectively differentiate it from its formidable competitors such as Nike, Adidas, Puma, and Reebok.



User Interface

The design approach was to prioritize simplicity, basic elements, and minimalism. The website had clean and uncluttered visuals with focus on product images and brief, clear descriptions. The aim was to communicate the premium quality of the products and highlight their unique features, while maintaining a user-friendly and accessible experience for visitors. The main objective was to convey a sense of luxury and exclusivity through a visually appealing and easy-to-navigate website.

Grid

he website design had a fluid grid layout to ensure that the website is responsive and adapts to different screen sizes. The gutter size was set to 30px to create a visually pleasing space between the different elements, and the column width was set to 130px to create a balanced look. The container size was set to 1920px to provide a large canvas to showcase the product images in a prominent way. The focus was on simplicity and minimalism, with simple images and clear, concise text to highlight the high-quality of the products.

Typography

The font choice of Geometrica was based on its low-contrast rounded geometric style, which fits the project's goal of a simple, modern and minimalist design. This font was chosen to align with the project's aesthetic and enhance the overall look and feel of the website.

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 to convey the brand's message and values to visitors, and emphasized the high value of their products.

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 to provide a seamless browsing experience.

Product Page

Additionally, 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 of the product page was designed to highlight the premium quality of the product and its materials. The page also included options for users to select different sizes and colors, as well as any available customization options. All the necessary information, such as product description, specifications, and reviews were also made easily accessible to users.

Shopping Card

User Card

Mobile Pages

To ensure a smooth mobile experience, I made sure the website was responsive and optimized for all devices, with all resolutions. I paid close attention to the layout design to ensure that it worked well on both desktop and mobile. With 60% of e-commerce traffic in Turkey coming from mobile devices, it was crucial for the website to have a strong mobile presence.

Result

1: Responsive design, mobile, web and desktop support.
Mobile optimization was a key consideration in the design process, making sure that the website provides a seamless and user-friendly experience for users on all devices and screen sizes. The high level of mobile usage in Turkey (around 60% for e-commerce) required careful consideration of the layout and design to ensure that the website is easily accessible on mobile devices.



2: Showing product with detailed pictures
In addition, we included detailed information about the materials and craftsmanship in the product descriptions, to emphasize the premium quality of the products. We also included user reviews and ratings to build trust and confidence in the product. This helped to differentiate our products from competitors and reinforce the value proposition.

3: General Overview
Overall, it was a challenging yet fulfilling project, I faced several obstacles but was able to find solutions and deliver a responsive, simple and minimalist website that effectively showcases the premium quality of the products made with high-quality materials.