Technofy

Website design & building

Visit website

Project overview

About the client

Technofy is a French / Bulgarian IT service company on a mission to extend the use of the Cloud. The company is an AWS Advanced Consulting Partner with more than AWS 66 certificates. Businesses use their education, incubation and engineering services to facilitate their DevOps objectives and manage the AWS infrastructure.

Main challenge

The main goal of the project was to design and build a new website that reflects the new direction of the company. Amidst the global Covid-19 pandemic, we had to completely reinvent the website and achieve a modern and different visual look that reflects the company goals and differentiates it from the competitors, who typically have very “raw” content-driven online presence.

My role

  • Website redesign
  • Responsive website building on Webflow
  • Applying new visual identity to the website layout and interface
  • Prototyping
  • Interaction design
  • Design of custom icons

Targeted user group

Addressing the business need and the user group

The targeted user group included company owners, corporations and businesses of different size looking for IT services and AWS partnerships.  The website had to speak their language and answer to their specific needs. We targeted mainly European people who are used to browsing various IT websites with lots of technical data, long and rawly presented content.  Our challenge and main goal was to design a website that differentiates from the conventional IT websites and has a strong visual presence along with very straightforward and well-thought content.

My approach

Sketches & initial prototypes

The new identity required a complete redesign of the previous website. Since I was designing and building the website myself, I decided to start with sketches of different layouts and validate the new approach through them.

Simultaneous design & building

Time had a huge matter here as we needed to react fast to the evolving situation. There was no need of wireframes and high-fi prototypes as the website was designed and built simultaneously in Webflow. This allowed me to iterate and validate assumptions faster and present a fully working site to our stakeholders.

Micro-interactions and time to experiment

Once the structure of the website was built, I managed to invest time into micro-interactions and small details that contribute to the overall user experience when browsing the website. This included various hover effects, navigation, highlighting and animating components,  giving feedback to the user, etc.

This is how I look like in a normal state. Hover me to see my other state.

Create more

Opportunities

Together

Create more

The website

Fully responsive

Visit website

Switch light & dark mode

Dark or light?

The home page of the website offers a very unusual experience for a typical IT website - users can switch between light and dark mode and get a completely different visual look and feeling. The effect is achieved thanks to the interactions panel within Webflow and the customisation of components with CSS classes.

View website

Special shoutout

Fully custom 3D graphics

The overall visual look of the website is achieved and enhanced with the usage of various 3D graphics. They were custom designed for each specific need of the website by Rumen Kitov.  You can follow his work on Behance.

Thank you for viewing this project! Explore more below.

Entrepreneurs Night Out

Launchee