Flavus Media Inc. was established to answer the demand for media creation. Our focus is to deliver on an intricate component of digital media projects offering a full stack of creative services. We are a team comprised of young, creative, and motivated in-house designers who execute work detailed by clients.

<aside> ⛹️‍♂️ Author: Harsh Patel

</aside>

<aside> 💡 harshpatel.ca

</aside>

👨‍💻 My Role

At Flavus, my responsibilities as a Co-Founder and Head of Technology include:

• Single-handedly managing all technology-related services company-wide. Including managing and maintaining the flavus.ca website built using react.js with 400+ monthly views, domain email services, and maintaining client databases.
• I am one of two lead content creators, collaborating and consulting directly with various clients. This includes drafting creative briefs, ensuring the team is informed and starting to designing deliverables for the client such as logo design, brand identity systems, photography and video production.
• As a Co-Founder, I also act as a senior team member, assigning roles, delegating tasks, and helping maintain company vision.

🖥️ Web Development

As Head of Technology, one of the major projects that I had led was the design and development of the flavus.ca website built using the react.js library.

Design

The goal of our website was to establish a professional digital presence where potential clients can go to gauge additional information about the company. To tackle this, I worked alongside our design team to draft an engaging platform keeping simplicity and animations at the core.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/67adc957-a982-4732-aa99-b6ce85aee049/Flavus_Figma.mp4

Develop

‼️ Challenge

A major challenge that I had come across while developing the website was the bandwidth usage that we would incur. After completing the first version, we noticed that our site was very heavy in load times. After investigating the issue, I found that the portfolio page, where we have tiles of some of our best work, had images that were too big in size. I didn't want to sacrifice the viewing experience for clients that wanted to view our work in the best/ideal resolution.

✅ Solution

To combat this challenge, I created proxy images, that were very small in size and would serve the purpose of brief viewing. If the user would like to view the image in a higher resolution, they can client the "View Large" button where only then would the high res files load on the client-side browser. This significantly reduced load times and kept our site relatively light on the user end.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4d469c76-471b-4e04-a828-a237a2bb3e6b/Flavus_Challenge.mp4