is under
major makeover!
is under
major makeover!
in this page
Home
Boston New Technology was in need of rebranding, some life and pizzazz. And we, a team of 5 (we're like Avengers but for Website Revamping) were ready to get to work :)
Boston New Technology was in need of rebranding, some life and pizzazz. And we, a team of 5 (we're like Avengers but for Website Revamping) were ready to get to work :)
Boston New Technology was in need of rebranding, some life and pizzazz. And we, a team of 5 (we're like Avengers but for Website Revamping) were ready to get to work :)
Boston New Technology was in need of rebranding, some life and pizzazz. And we, a team of 5 (we're like Avengers but for Website Revamping) were ready to get to work :)
in short, the problem was..
The current website is outdated, content-heavy and not user-friendly at all. The stakeholders wanted to revamp and rebrand the website to give it a more modern, user friendly look and feel.
The current website is outdated, content-heavy and not user-friendly at all. The stakeholders wanted to revamp and rebrand the website to give it a more modern, user friendly look and feel.
Steve Vilkas
Co-Director, BNT
The current website was built on WordPress, ages ago. It has very less user traction and I want to improve that.
TEAM
Myself (Nike)
Nikita Saner
Panth Shah
Sandhya Morla
Herika Koshti
Myself (Nike)
Nikita Saner
Panth Shah
Sandhya Morla
Herika Koshti
DURATION
3-4 months, part-time
3-4 months, part-time
TOOLS
Miro
Framer
Figma
Miro
Framer
Figma
my role
Co-Lead Designer, User research,
Content Writing,
Site Development
Co-Lead Designer, User research,
Content Writing,
Site Development
old SITE SHORTCOMINGS
Why do we need to revamp and rebrand? Let's look at some shots of old website :
Why do we need to revamp and rebrand? Let's look at some shots of old website :
process
The process was non-linear; although it looks chaotic, it helped us to stay on track and ensure we stuck to our business goals.
The process was non-linear; although it looks chaotic, it helped us to stay on track and ensure we stuck to our business goals.
to do
Since its a complete rebranding, we had a lot to do:
Create Brand New Logo
Create New Design System
Reducing number of pages
Curating content & writing new copies for each page
Since its a complete rebranding, we had a lot to do:
Create Brand New Logo
Create New Design System
Reducing number of pages
Curating content & writing new copies for each page
what do stakeholders want?
Stakeholders interviews are always tricky. Its about knowing the unknown, being able to read between the lines, trying to tap into the right feeling. Even if they don't know how to communicate their idea, our job is to ask the right questions.
Stakeholders interviews are always tricky. Its about knowing the unknown, being able to read between the lines, trying to tap into the right feeling. Even if they don't know how to communicate their idea, our job is to ask the right questions.
Fig. How it is to deal w stakeholders in general, but BNT stakeholders were very friendly, polite
(No, they're not making me type this)
Fig. How it is to deal w stakeholders in general, but BNT stakeholders were very friendly, polite
(No, they're not making me type this)
Gif. How I felt like decoding their answers, translating them into design needs
Gif. How I felt like decoding their answers, translating them into design needs
who actually likes the website?
The necessity for BNT's overhaul is clear, yet we conducted interviews to pinpoint content that engages users and identify effective elements. For user interviews, we approached 2 different segments of users :
The necessity for BNT's overhaul is clear, yet we conducted interviews to pinpoint content that engages users and identify effective elements. For user interviews, we approached 2 different segments of users:
What did we understand from these interviews?
What did we understand from these interviews?
Boston New Technology has amazing content, tons of useful resources. But its just not organized properly
Boston New Technology has amazing content, tons of useful resources. But its just not organized properly
In this ADHD world, how do we better organize the content so that users feel motivated to learn about
the website?
In this ADHD world, how do we better organize the content so that users feel motivated to learn about the website?
How do we better organize the content so that users feel motivated to learn about the website?
REDESIGNING THE NAV BAR
The nav bar is crucial — it’s the roadmap to your website’s content.
The nav bar is crucial — it’s the roadmap to your website’s content.
Fig. The old nav bar and why it wasn't working well
Fig. The old nav bar and why it wasn't working well
Fig. The new and improved nav bar
Fig. The new and improved nav bar
THE basic wireframes
We brainstormed a lot for the wireframes and we collected inspiration to design the new sections
We brainstormed a lot for the wireframes and we collected inspiration to design the new sections
NOW, THE ACTUAL WORK — SITE DEVELOPMENT
Being the Lead Designer with most experience on Framer, I got down to work.
Transforming designs —> reality was no joke. The designs initially included only the desktop version, so I had to create the responsive versions in Framer. I also completed all the other screens, which was a challenging task.
Being the Lead Designer with most experience on Framer, I got down to work.
Transforming designs —> reality was no joke. The designs initially included only the desktop version, so I had to create the responsive versions in Framer. I also completed all the other screens, which was a challenging task.
Delegating tasks: bringing 2-3 more designers onboard. Presenting you the 'Avengers' Website Edition team,
Delegating tasks: bringing 2-3 more designers onboard. Presenting you the 'Avengers' Website Edition team,
Pixel Protectors: Masters of Web Design 🔥
Pixel Protectors: Masters of Web Design 🔥
Leading this team was an absolute thrill 🫶🏽 — amazing co-ordination, communication.
Leading this team was an absolute thrill 🫶🏽 — amazing co-ordination, communication.
MY WORK - ABOUT US PAGE
I took on the About Us page, which required me to concisely and beautifully articulate the growth of BNT over the past 10+ years.
I took on the About Us page, which required me to concisely and beautifully articulate the growth of BNT over the past 10+ years.
And what did I end up doing? Well, here's it:
And what did I end up doing? Well, here's it:
THE FALLING CHIPS - WHAT WE DO?
There was another section, "What we do?" which comprised of all the events that BNT undertakes and hosts. We had a vision for that too —
There was another section, "What we do?" which comprised of all the events that BNT undertakes and hosts. We had a vision for that too —
And here's the final result
And here's the final result
CHALLENGES
Being in a startup culture, is always… challenging. But extremely rewarding. Its normal to expect everything to go wrong or have unforeseen delays. That's exactly what happened with us.
Being in a startup culture, is always… challenging. But extremely rewarding. Its normal to expect everything to go wrong or have unforeseen delays. That's exactly what happened with us.
Designs weren't shipped immediately — we all were working on this part-time.
I had to take some time off — my family flew in for graduation.
We had to remove a page — because during testing we felt 2 pages could be merged as 1.
We couldn't buy the domain — because another person had the crucial information
As a result, we didn't launch on the day we wanted to.
Never did all that stop us.
Designs weren't shipped immediately — we all were working on this part-time.
I had to take some time off — my family flew in for graduation.
We had to remove a page — because during testing we felt 2 pages could be merged as 1.
We couldn't buy the domain — because another person had the crucial information
As a result, we didn't launch on the day we wanted to.
Never did all that stop us.
conclusion
This project was a fantastic experience that allowed me to understand the dynamics of working with other designers. It taught me how to effectively collaborate with team members and engage with stakeholders, ensuring successful project outcomes.
This project was a fantastic experience that allowed me to understand the dynamics of working with other designers. It taught me how to effectively collaborate with team members and engage with stakeholders, ensuring successful project outcomes.