Live Site
Role
Visual Design
UI/UX Design
Web Development
Industry
Corporate website
Duration
This is some text inside of a div block.
Date
December 2021

About project

Paradigm is company which is back office billing and support for non medical home care agencies.

They help provider get enrolled with the VA as a provider, help them with their weekly billing and authorization management and help them collect on outstanding accounts receivable that they are owed from the VA.

Brief

They want to create new website. Because the old version lacks identity and the pages are not standardized. It works slowly, lacks clients testimonials and lacks logo wall.

Target
  • Increase brand awareness
  • Drive more lead gen and conversion
  • SEO
Storage Scholars website on laptop and mobile
First section of Home page
Following the principle of user-centered design, “Give visitors what they’re looking for,” we implement the following strategy
Redesign process

We used mind-mapping to envision the website’s information architecture, prioritize the hierarchy of pieces, and create a fully functional website. To enhance the overall UX, we must anticipate their needs and present relevant information at each step. As a result, the site structure is influenced bt various user types. It was able to simplify user flows between sites based on this by deleting unneeded pages, combining existing ones, and creating new ones as needed

User research
Understand your client first
Wireframe
Low-fidelity version for website
Create Style guide and components
To make design look consistent
High-fidelity design
Make them to be prettier and more attractively
Build in Webflow
Make design come true
What challenges have our designers overcome?
Idea
See solution

We got ideas for design and animation from their branding guidelines, and reference websites which they recommended.

Illustrations
See solution

They love line illustration with pastel colours get from their branding pallette.

Project Storage Scholars Pages
After redesign

Typography

Montserrat
Font Poppins

The old posters and signs in the traditional Montserrat neighborhood of Buenos Aires inspired Julieta Ulanovsky to design this typeface and rescue the beauty of urban typography that emerged in the first half of the twentieth century. As urban development changes that place, it will never return to its original form and loses forever the designs that are so special and unique. The letters that inspired this project have work, dedication, care, color, contrast, light and life, day and night! These are the types that make the city look so beautiful. The Montserrat Project began with the idea to rescue what is in Montserrat and set it free under a libre license, the SIL Open Font License.

Colour Pallete

Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray. Green and blue are branding colours. They are used across all interactive elements such as buttons, links, inputs, etc. Gradient with blue and green used for background, and primary buttons.

Illustration

Source: Iconsax

Violet Ai Illustration
Icon NFT
Icon NFT
Icon NFT
Icon NFT
Icon NFT
Icon NFT
Icon NFT
Icon NFT
progress icon
Think Icon
Saying No
Two Heart
Questions
Celebration
Well Done
Helping Hands
Measuring Tape
Electronic Chip
Flash Icon
Genes
Mechanical Tools
Program Development
Radar
Genetics
What challenges have our developers faced?
CMS CHALLENGE
See solution

Webflow only allows one product page in one project, but the client wanted to add four types of products with four different types of layouts which were nearly impossible to achieve. Normally webflow developers make static pages, because of that the products are not linked with cms and content no longer remains dynamic. The issue with it is that the client has to add products on separate static pages and also if he wants to update or change any information, the client has to make changes on all static pages.

SOLUTION

Whereas we used specific filters and some custom code to create product template pages so that the client can easily manage all product pages from one cms collection list,

As always we even used cms filters for documentation, testimonials, user video reviews, and faqs of each product so that the client can add documents, testimonials, user video reviews, and faqs with the respective product, by doing this client and his team members were able to change and update the content easily

JS custom code integration
See solution

The client wanted the webflow native tab component to work as tabs on the desktop and as a slider on mobile, so it was not possible to use only webflow. Usually, webflow developers make separate sections for desktop and mobiles which makes the site heavy and when the client wants to make any change they have to change from the desktop as well as the mobile which is a painful process.

SOLUTION

The client wanted the webflow native tab component to work as tabs on the desktop and as a slider on mobile, so it was not possible to use only webflow. Usually, webflow developers make separate sections for desktop and mobiles which makes the site heavy and when the client wants to make any change they have to change from the desktop as well as the mobile which is a painful process.

NEXT project
We can bring your website experience to the next level
Let’s talk with us
Right Arrow