Role
Visual Design
UI/UX Design
Web Development
Industry
Fashion
Duration
This is some text inside of a div block.
Date
December 2021
Designed and Developed By:
Linked inAdil Shehzad

About project

Designed and Developed By:
Adil Shehzad

Storage Scholars is a fast-growing organization that has grown at 100% year over year since it’s begining in 2017. Their goals is to change how college students move in and out of residence halls throughout the country. They contact us to redesign their out-of-date website, with the hope of getting more conversions.

The experience of redesigning the Storage Scholars corporate website demonstrates how many factors and details we must consider to create a user-friendly website redesign.

Brief

Storage Scholars seek to be the premium option among competitors by providing the most pleasing user experience possible, which is contingent on their technology constantly developing.

Target

So our goals is to merge a new design with Storage Scholaar’s exisiting style, balance the mature experience and youth sprimit, and redesign atractive, user-friendly website to generate new leads

Storage Scholars website on laptop and mobile
First screen of homepage
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
User flow/Sitemap
Create solutions by creating user flow
Wireframe
Low-fidelity version for website
Clickable Prototype
To know how website will work
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?
Boring design
See solution

On “How it works" section, we redesigned all the Illustrations, make them more colorful and friendly.

The map will show all of the campus Storage Scholars serve.

Click state to view the list of campuses in this state.

Click the pin location icon to view each campus.

Boring illustrations
See solution

On “How it works" section, we redesigned all the Illustrations, make them more colorful and friendly.

Project Storage Scholars Pages
After redesign

Typography

Poppins
Font Poppins

Geometric sans serif typefaces have been a popular design tool ever since these actors took to the world’s stage. Poppins is one of the new comers to this long tradition. With support for the Devanagari and Latin writing systems, it is an internationalist take on the genre.

Colour Pallete

Main colors were used for text and background. Gold and other shades of grey were used for illustrations. We also use the gradient of black on the images to match with the black background and make the content read more easily.

Illustration

Massa commodo, massa posuere condimentum sodales tellus eu porttitor. Neque faucibus adipiscing risus sollicitudin nunc non vitae. A nibh malesuada etiam egestas adipiscing sapien risus viverra.

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.

"Great Resource and highly recommended. Was able to gather the requirements and deliver a good working project. Will definitely use again!"

By Stage Scholars

NEXT project
Schedule a FreeConsultation Now!
We can bring your website experience to the next level.
Book Now!
Right Arrow