ZEON Ventures

ZEON Ventures Web Design

Intro

For the ZEON Ventures project, I collaborated with a team to develop a brand identity and website for an investment firm specializing in sustainability, health, and prosperity. My primary responsibilities included creating wireframes, designing brand guidelines, determining brand colors, and developing a fully responsive website using Framer. Throughout the project, I worked closely with the client to refine design elements, ensuring the final product aligned with their vision and business objectives.

Timeline

4 Months

Services

Web Design + Micro-interactions + Framer Development

Client

ZEON Ventures

Website Link

Tools

Figma + Framer

Research & Discovery

At the beginning of the project, we explored multiple brand directions, each reflecting different visual and conceptual themes: technology-driven, nature, and futuristic. This phase involved deep discussions with the client to understand their core mission, investment focus, and long-term goals.

Since ZEON Ventures is an investment company focusing on innovative materials and technologies, we aimed to develop a brand identity that felt cutting-edge while maintaining credibility and trust. Based on client preferences, we explored a color palette featuring greens, blues, and purples—hues that symbolize innovation, sustainability, and professionalism.

Additionally, we created quick landing pages to illustrate different potential website structures, helping the client visualize how their brand could come to life online.

Brand Direction

Direction Examples


Wireframes & Planning

Our team translated our initial ideas into structured wireframes, ensuring that all critical information was clearly organized. We collaborated closely with the client throughout this process, refining the wireframes to highlight essential content and user interactions.


By maintaining an iterative approach, we effectively incorporated client feedback, making adjustments that enhanced content hierarchy, navigation, and overall user experience. These wireframes served as the foundation for the website’s development and design phases.

Lo-Fi Wireframes

Hi-Fi Wireframes

Design Process

With wireframes approved, I shifted focus to the visual and interactive aspects of the website. I contributed to the development of the brand guidelines by leading the creation of the color system, which included:

  • Defining primary and secondary color palettes based on ZEON Ventures' brand vision

  • Assigning hex codes and establishing usage guidelines for consistency

  • Creating application examples to show how colors should appear across various brand assets

  • Researching and selecting imagery that complemented the visual direction


Color Exploration

Brand Guidelines


As I developed the website in Framer with my team, I ensured it remained fully responsive across devices. I also implemented engaging micro-interactions throughout the site to enhance the user experience — including smooth hover effects, subtle animations, and interactive elements that brought a dynamic, modern feel to the design.

Home & About Update

Final Hi-Fi Wireframes

Final Deliverables

I had a direct impact on several key pages, including:

  • Portfolio Page: Structured to showcase investment companies effectively, ensuring a seamless browsing experience for potential partners.

  • News Page: Designed a backend system that allows the client to update portfolio information independently, minimizing the need for external assistance.

  • About Page: Developed an interactive circular diagram that animates and highlights selected elements, adding a visually engaging and intuitive way to present company details.


To ensure a flawless final product, I also conducted extensive QA testing and debugging within Framer, optimizing performance and resolving any issues before launch. Below are examples of the screens across different screen sizes. To view the full website, click the link here!



Conclusion

This project was a dynamic collaboration that involved multiple iterations and refinements based on client feedback. Through strategic wireframing, thoughtful branding, and meticulous development, we successfully delivered a website that aligns with ZEON Ventures’ mission and establishes a strong digital presence. My contributions, particularly in wireframing, branding, website development, and interactive elements, played a key role in shaping a modern, functional, and engaging platform for the client.

want to know more?

I’m excited to join a team where can contribute, grow, and build thoughtful design experiences in collaborative environments.




If you're looking for someone who’s ready to dive in and make a difference.

© 2025 Jared Javier