Time-saving Image Optimization Tool for Webflow.
Freelance Project • November 2023
Intro to Octo optimizer

Octo Optimizer is one of my freelance short term project for Thunderclap, a digital agency that helps medium-to-large companies and agencies in creating highly scalable Webflow websites.

It serves as a tool to compress images on your Webflow site without losing quality, aiding in faster website loading.

Designed for Webflow developers seeking simplicity, it features a user-friendly interface and a commitment: enhance your images effortlessly, and it's completely free!

Duration
1 Month
My Role
Product Designer
Deliverables
Workflows, Wireframes, Visual and Interaction design
Live Webapp
Octo Optimizer
The goal
Thunderclap's goal is to enhance lead generation by providing a free, user-friendly tool that boosts the efficiency of Webflow developers.
Target audience
Octo Optimizer is tailored for passionate Webflow developers and design enthusiasts seeking to elevate their projects.

Whether you're a seasoned professional or a budding Webflow developer, Octo Optimizer simplifies the image optimization process, enhancing your Webflow experience.
The foundation of the project
I kicked off by crafting a polished flow, defining information architecture, and generating wireframes.
Sketching the blueprint
After sorting out the architecture, I created a couple of layout options to determine what works best and later tested them with target users.
Following testing with the client and some users, I settled on the second version, aiming for a small-scale tool with essential features. Subsequently, I developed the remaining flows based on the specified requirements.
Visual design iterations
After sketching ideas, I played with different look and feels to find the perfect output.
Final visuals and interactions
After gathering input from stakeholders and a few users, I settled on a sleek, modern, dark-themed version of the dashboard.
1
Login & Sign up
I ensured prominent display of Thunderclap's branding while maintaining a subtle presence.
2
Dashboard
The dashboard displayed recently connected information and the user's task history.
3
Optimizing a website
The process of users adding a website and optimizing it from start to finish.
4
Results
Progress during the ongoing optimization.
The art of detailing
A retrospective on how I used the design elements to give the website a unique personality.
Responsiveness
Letting users to track their progress on mobile devices was another goal, and it was well accomplished.
Ending on a joyful note 💡
I received positive feedback on this project from the stakeholder and a few early users, which brought me a lot of joy. They were pleased with the outcome, and managing this freelance project from start to finish in a short time frame was a valuable learning experience for me.
Featured
Nasdaq Campus SolutionOcto OptimizerAdtech Corp
Side Projects
GSAP Code BuilderImage CompressorVeefin
© 2024 Designed & Developed by Ansith Mohd