Header image showcasing an office setting for a SaaS client.

Project Disciplines

01
Research
02
Brand strategy
03
UI/UX design
04
Web design

Intersecting contemporary web design with future-forward design thinking for a distinguished tax and accounting agency. 

Amplifying Accounting Solutions with a Web Redesign

From static and simple to dynamic and immersive.

When collaborating with Sassetti, part of the mission of the complete website overhaul was to infuse vibrancy through a lively color scheme, animate the user experience with dynamic movement, streamline data flow, and overall, adopt a user-centric approach. Along with in-depth competitor analysis, the wireframes were curated conceptually, and contextually.

ArtVersion also structured purposeful site architecture and information hierarchy within the wireframe development stage before moving into the design phase. Through an iterative approach and collaboration with Sassetti, the website embodied their innovative accounting services.

Bright warm office workplace setting.

UI/UX Development

To engage users to explore the website and its services, the ArtVersion team knew it had to be visually exciting.

Sassetti provides a broad spectrum of tax and accounting services across multiple industries.  With user experience (UX) at the forefront, ArtVersion’s development team added life to the graphic elements with animation and movement. From highlighting key services to animating transitions between pages with calls to action and a clear user journey, these dynamic elements infused the website with an energetic and engaging rhythm. Within the headers of each landing page, videos were seamlessly embedded to ignite visual interest.

UI Screens

Web Design
Who we are page heading section UI/UX.
Timeline infographic design section UI/UX.
Values section on UI/UX design screen interface.
"Our Assurance Services" UI/UX section.
Services showing descriptions and icons UI/UX.
We are here to help UI/UX design section.

Responsive Design

Mobile
Home landing mobile ui screen.
Our advisory services section on mobile screen.
Mobile design with text UI screen.
Women owned section mobile design.
We are here to help section on mobile screen.
Office exterior and trees.

Wireframes

UI Strategy
Header and menu navigation section UI wireframe.
"Our Story" infographic section for a wireframe design.
Three-image layout wireframe for web design.
Wireframe design for UI/UX web design.
Wireframe of UI design with an SaaS industry "Services" page.

Custom Iconography

Custom icons for employee benefits.
Iconography design that is utilized for services.
Organic shape and images graphic elements.
keyboard_arrow_left
keyboard_arrow_right

Custom Animations & Design Language

With the foundation in place, a design language that authentically represented the Sassetti brand was imperative.

To add a playful yet professional element, the team introduced an oblong circle graphic into the design. This feature not only allowed for the strategic distribution of brand colors but also punctuated depth and movement to images to avoid a static look and feel. By deliberately off-centering these shape elements, they managed to emphasize the perception of depth and fluidity even more effectively.

Along with additional visual and graphic curation, custom iconography was designed to capture a visual interpretation of each Sassetti service. The design and movement were seamlessly incorporated responsively.

Agency team collaborating together in office.

Color Selections

The website layout attained a more simplistic, cream-colored backdrop but to compliment its neutral feel, a palette was designed to invigorate the neutral landscape with vibrant bursts of color.  

The selection embraced a color story of vibrant lime greens, coupled with shades of light and navy blues. The purposeful interspersing of these dynamic colors with light greys and soft charcoal black hues ensured an aesthetic with a balanced color pallet.

Light Green
#B3B850
Light Teal
#2DA1DD
Teal
#3889A3
White
#FFFFF
Charcoal
#393939
Lato regular typeface.
Lato
Regular
Lato Black typeface in upper and lower case.
Lato
Black

Typography

Lato, a sans-serif typeface, was utilized for its modern, yet readable structure for both body and header text. Specifically, for Sassetti, Lato strikes the perfect balance between professional and approachable— a nuanced detail that resembles the brand’s story and ethos.

An office workplace setting with a green graphic design element overlaid on it.

The Outcome

The outcome of the website resulted in a digital presence that captured Sassetti’s company mission while also offering their story experientially and invitingly. The successful transformation reinforced Sassetti’s digital presence, increased visibility, and website traffic, enabling it to resonate with its audience on a deeper level while reflecting its commitment to quality.