Tech company website

Tech Company Website - Developer workflow enhancement - To represent the ways Aspect dev enhances developer workflows through their expertise
Project overview

Aspect dev is a group of experts that offer clients this firsthand, comprehensive technical experience both with Bazel itself and with the ways it integrates with the surrounding toolchain, developer workflow, and business processes.

Tasks
  • Complete redesign of the current website following new trends and best practices
  • Design a bunch of new pages such as about us, blog, services, resources
  • Design a set of custom graphic elements such as icons and illustrations
  • Implement the design via Webflow to allow manage the content easily
  • Animate the hero section to explain the product idea at the first glance
Tools
Figma
Figma
Adobe Illustrator
Adobe Illustrator
Adobe After Effects
Adobe After Effects
Webflow
Webflow
Solutions
Outcome

The result is a brand new website that follows tech, visual, and SEO best practices with easy-to-use Webflow CMS and is available on any device.

Solutions

Pages design

We started with information architecture to define how we can better explain the product and services, then we converted the IA to final designs.

Pages Design - Information architecture blueprint - To showcase the initial blueprint of information architecture that defines the structure for explaining the product and services
Pages Design - Information architecture blueprint - To showcase the initial blueprint of information architecture that defines the structure for explaining the product and services

Pages design

We started with information architecture to define how we can better explain the product and services, then we converted the IA to final designs.

Pages design

We started with information architecture to define how we can better explain the product and services, then we converted the IA to final designs.

Pages Design - Information architecture blueprint - To showcase the initial blueprint of information architecture that defines the structure for explaining the product and services

Pages design

We started with information architecture to define how we can better explain the product and services, then we converted the IA to final designs.

Pages Design - Information architecture blueprint - To showcase the initial blueprint of information architecture that defines the structure for explaining the product and services

Pages design

We started with information architecture to define how we can better explain the product and services, then we converted the IA to final designs.

Pages Design - Information architecture blueprint - To showcase the initial blueprint of information architecture that defines the structure for explaining the product and services

Icons and Illustrations

To improve the visual communication with the end user we created a set of custom graphics that fit the brand and style we defined.

Icons and Illustrations - Illustration integration - To illustrate how the custom illustrations are integrated into the user interface to enhance the visual appeal
Icons and Illustrations - Illustration integration - To illustrate how the custom illustrations are integrated into the user interface to enhance the visual appeal

Icons and Illustrations

To improve the visual communication with the end user we created a set of custom graphics that fit the brand and style we defined.

Icons and Illustrations

To improve the visual communication with the end user we created a set of custom graphics that fit the brand and style we defined.

Icons and Illustrations - Illustration integration - To illustrate how the custom illustrations are integrated into the user interface to enhance the visual appeal
Icons and Illustrations - Custom icon set - To showcase the set of custom icons created to enhance visual communication with the end user

Icons and Illustrations

To improve the visual communication with the end user we created a set of custom graphics that fit the brand and style we defined.

Icons and Illustrations - Illustration integration - To illustrate how the custom illustrations are integrated into the user interface to enhance the visual appealIcons and Illustrations - Custom icon set - To showcase the set of custom icons created to enhance visual communication with the end userIcons and Illustrations - Brand-aligned graphics - To illustrate how the custom graphics fit the defined brand and style

Icons and Illustrations

To improve the visual communication with the end user we created a set of custom graphics that fit the brand and style we defined.

Icons and Illustrations - Illustration integration - To illustrate how the custom illustrations are integrated into the user interface to enhance the visual appealIcons and Illustrations - Custom icon set - To showcase the set of custom icons created to enhance visual communication with the end userIcons and Illustrations - Brand-aligned graphics - To illustrate how the custom graphics fit the defined brand and style

Design system

We've created clear guidelines, put together all the creatives, and covered all the element's states for further development and design maintainability.

Design System - Consistency across components - To highlight the consistency maintained across all design components through the system
Design System - Consistency across components - To highlight the consistency maintained across all design components through the system

Design system

We've created clear guidelines, put together all the creatives, and covered all the element's states for further development and design maintainability.

Design system

We've created clear guidelines, put together all the creatives, and covered all the element's states for further development and design maintainability.

Design System - Consistency across components - To highlight the consistency maintained across all design components through the system

Design system

We've created clear guidelines, put together all the creatives, and covered all the element's states for further development and design maintainability.

Design System - Consistency across components - To highlight the consistency maintained across all design components through the system

Design system

We've created clear guidelines, put together all the creatives, and covered all the element's states for further development and design maintainability.

Design System - Consistency across components - To highlight the consistency maintained across all design components through the system

Mobile experience

We took care of the mobile experience, performance, and accessibility to cover more audiences from any device.

Mobile Experience - Optimized mobile performance - To represent the user-friendly interface designed specifically for mobile users
Mobile Experience - Optimized mobile performance - To represent the user-friendly interface designed specifically for mobile users

Mobile experience

We took care of the mobile experience, performance, and accessibility to cover more audiences from any device.

Mobile experience

We took care of the mobile experience, performance, and accessibility to cover more audiences from any device.

Mobile Experience - Optimized mobile performance - To represent the user-friendly interface designed specifically for mobile users

Mobile experience

We took care of the mobile experience, performance, and accessibility to cover more audiences from any device.

Mobile Experience - Optimized mobile performance - To represent the user-friendly interface designed specifically for mobile users

Mobile experience

We took care of the mobile experience, performance, and accessibility to cover more audiences from any device.

Mobile Experience - Optimized mobile performance - To represent the user-friendly interface designed specifically for mobile users

Before & After

Before & After - Functional upgrades - To showcase the functional upgrades made during the redesign, enhancing overall user experience
Before & After - Functional upgrades - To showcase the functional upgrades made during the redesign, enhancing overall user experience

Before & After

Before & After

Before & After - Functional upgrades - To showcase the functional upgrades made during the redesign, enhancing overall user experience
Before & After - Enhanced user interface - To illustrate the improvements in the user interface following the redesign

Before & After

Before & After - Functional upgrades - To showcase the functional upgrades made during the redesign, enhancing overall user experienceBefore & After - Enhanced user interface - To illustrate the improvements in the user interface following the redesign

Before & After

Before & After - Functional upgrades - To showcase the functional upgrades made during the redesign, enhancing overall user experienceBefore & After - Enhanced user interface - To illustrate the improvements in the user interface following the redesign
No items found.

Outcome

The result is a brand new website that follows tech, visual, and SEO best practices with easy-to-use Webflow CMS and is available on any device.

Linkedin

WebFolks came highly recommended, and I feel so lucky to have had that recommendation. They have attended to all of our digital marketing and design needs in a timely manner, and acted as an outsourced marketing team for our growing venture. I can’t say enough good things about them.

Linkedin
Jenny Magolan
Co-Founder & Director of Operations

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline