Sons Goods

Category: Designing Development & Marketing

Client: Sons Goods

Start Date: 23 January 2021

Handover: 05 March 2022

Portfolio detail - Hero image

Build, streamline and evolve together with solution

The client is a local coffee shop that sources high-quality beans from around the world. They wanted to expand their reach beyond their physical location and offer their products to a wider audience. They also wanted to create a subscription-based service to provide recurring orders to customers.

Challenge: The client's previous website was outdated and not optimized for e-commerce. They also wanted to provide a subscription-based service, but they didn't have the tools to do so. They needed a new e-commerce website that showcased their products and made it easy for customers to browse, purchase, and subscribe to their products.

Solution: The coffee shop partnered with Codieshub to create a new e-commerce website that met their business needs. The agency followed a comprehensive process that included consultation, design, development, testing, and launch.

+ WordPress

+ UX/UI Design

+ Front-end Development

+ Content Management Systems (CMS)

+ Wordpress Development


+ API Development

+ FullStack Development


Results: The new e-commerce website was well-received by the coffee shop's customers. The website's elegant design accurately represented the coffee shop's brand, while its user-friendly interface made it easy for customers to browse, purchase, and subscribe to products. The integration of payment gateways and subscription-based service ensured that customers could make purchases securely and receive recurring orders of their favorite coffee beans, resulting in increased sales and customer retention.

Visual and typograpy hierarchy


Font Type: Basetica
Visual hierarchy is the principle of arranging elements to show their order of importance. Designers structure visual characteristics—e.g., menu icons—so users can understand information easily. By laying out elements logically and strategically, designers influence users’ perceptions and guide them to desired actions. Users notice larger elements more easily can convert.


This Is Text Message Medium Typography Just Amazing Awesome