Overview
KIKE Coffee Shop is a gourmet café that honours the art and essence of coffee. Despite having a strong local reputation, they needed a modern landing page to expand their digital presence and connect with a broader audience. The goal was to design and develop a platform that reflected their brand identity and values, while attracting new customers and enhancing engagement.
Today the collaboration continues as we build their full e-commerce platform to bring their coffee and gourmet products online.
Role & Tools
Role & Tools
- Front-End Developer & Design Collaborator
- Worked on design together with Juan Cabrales
- Implemented and refined the landing page using Framer
- Led multiple review meetings presenting the implemented design
- Currently developing the e-commerce platform for the brand
Tools
- Framer (development & implementation)
- Figma (design collaboration & iterations)
- Illustrator (graphic adjustments & brand assets)
Core problem
Even with a dedicated customer base, KIKE Coffee Shop had no online presence. The challenge was to translate the café's identity into digital, creating a visually compelling platform that would showcase their values while being intuitive and engaging for visitors.
Constraints
- Limited budget and a tight timeline.
- That meant focusing only on the essentials: a clean landing page and fast delivery.
Solution
The project followed a practical approach.
- Collaborative design effort with Juan Cabrales to ensure alignment with KIKE's brand.
- Implementation in Framer, where I refined details and improved usability.
- Several review meetings with the café owners to validate the design and finalise adjustments.
- Next step: e-commerce — expanding the project into a scalable online store for their gourmet products.
Gallery
6 screens
Process
- 01
Understanding the brand
I worked closely with the café owners and Juan Cabrales to ensure the digital experience matched KIKE's identity and values.
- 02
Design collaboration
The visual design was developed together with Juan Cabrales. My role was to implement it in Framer and refine the details to create a smooth and consistent experience.
- 03
Development in Framer
I implemented the landing page in Framer, ensuring a responsive and visually polished experience. The tool let us go from design to a functional site quickly.
- 04
Review sessions
We held several meetings where I presented the implemented design, gathered feedback, and applied improvements until the final version was approved.
- 05
Expansion to e-commerce
We're currently working on the next phase: building KIKE's e-commerce, where customers will be able to explore, select, and purchase their gourmet coffee products online.
Results
- A modern landing page that represented KIKE's identity.
- Fast delivery, completed in a short timeframe.
- Positive stakeholder feedback, validating the brand's first digital step.
- An ongoing e-commerce project, positioning KIKE for online growth.
Conclusion
Collaboration between Juan Cabrales on design and my role on implementation and improvements in Framer ensured both creativity and execution.
A short, focused landing page project served as a strong foundation.
The partnership continues with the development of KIKE's e-commerce, expanding their digital presence and sales potential.