Redesigning a tech consultancy website to build trust, clarify services, and create a scalable content system.
My Role
UX/UI Designer
Plasmic Developer
DURATION
1 Month
Tools
Figma
Plasmic
Sanity
Lottie
The Gap
Lightstrike's previous website did not fully reflect the expertise or professionalism of the consultancy. As a software-focused business selling high-trust services, the website needed to do more than just look polished — it needed to quickly show credibility, explain what Lightstrike does, and help potential clients feel confident enough to take the next step.
Scope
This project involved a full redesign of Lightstrike’s existing website from strategy through implementation. My scope included evaluating the original site, conducting competitor research, restructuring the site hierarchy, creating low- to high-fidelity wireframes, defining the visual direction, designing the final UI in Figma, and building the website in Plasmic. I also connected Sanity CMS to support reusable case study and team member content, making the site easier to maintain and scale over time.
The Shift
This redesign was not just about improving the visual design. It was about reshaping the experience so the brand felt more modern, intentional, and aligned with the expectations people have when evaluating a software consultancy.
Impact at a glance
Stronger credibility
The founder felt the redesign increased trust from potential clients significantly and created more confidence in using the site for business development.
Better proof of work
Case studies gave potential clients a clearer view into the kind of work Lightstrike had done, making the site a stronger sales tool.
Faster updates & maintenance
With Sanity CMS connected to reusable structures, content updates became more efficient and less dependent on rebuilding pages manually.
Brand alignment
The new visual direction better matched the type of company Lightstrike is and the expectations clients have when evaluating a software consultancy.
The Problem
The original site had a few core issues that created friction at the exact moment trust matters most.
01
Did not feel modern or distinctive enough for a software consultancy
02
Content hierarchy needed stronger organization
03
Did not feel modern or distinctive enough for a software consultancy
04
Limited proof of work made it harder to assess credibility
05
Content structure was not designed for easy future updates
The core friction
For a consultancy business, visitors were being asked to figure out what Lightstrike offered, understand their value, and imagine the quality of their work — without enough supporting structure. That creates friction at the exact moment trust matters most.
Previous Website
Previous Website
Create a stronger first impression
The site needed to immediately feel more modern, capable, and aligned with a high-end software consultancy.
Clarify hierarchy and service structure
Visitors needed a more intuitive experience that made it easy to understand what Lightstrike does and where to go next.
Introduce proof of work
Adding case studies was important for showing past client work and increasing trust with potential clients.
Build a scalable backend content system
The founder needed an easier way to maintain and expand the site over time, especially for case studies and team members.
my role
Analyzing the existing website
Defining site hierarchy and page structure
Establishing the visual direction
Implementing the site in Plasmic
Connecting Sanity CMS for case studies and team members
Conducting competitor research
Creating low, medium, and high-fidelity wireframes
Designing the final UI in Figma
Setting up interactions, animations, and hosting
Research & Discovery
Competitor Analysis
To better understand the visual and structural expectations for a modern tech consultancy, I conducted a competitor analysis of similar companies — reviewing mission statements, target audiences, strengths and weaknesses of each site, and common feature patterns.
Lightmatter
STRENGTHS
Clear process breakdown
Strong case study depth
WEAKNESSES
Dense content on some pages
Visually conservative
Brooklyn Data
STRENGTHS
Marketplace model clarity
Good service breakdown
WEAKNESSES
Generic feel
Lacks personality
Akava
STRENGTHS
Clean structure
Polished Visuals
WEAKNESSES
Overwhelming amount of content
Prioritizes volume over feel
Key takeaway
The competitor analysis gave me a clearer benchmark for what this type of website needed to communicate: confidence, technical credibility, and clarity — without clutter.
Information Architecture
Shaping content into a clearer hierarchy.
The copy I received was mostly placeholder content, so I treated it as a baseline rather than a finished content strategy. My job was to use the larger topic areas the client provided, then shape those into a clearer, more intentional hierarchy.
Placeholder
Identifying the main topics that deserved their own pages
Placeholder
Breaking broader information into more digestible sections
Placeholder
Deciding what content should live on the homepage versus secondary pages
Placeholder
Organizing the experience to feel easy to scan and not overloaded
User Flow Reconstructuring
Old user flow
This indicated the trip discovery and decision experience wasn’t designed to support fast, confident booking, creating a clear barrier to scaling bookings without scaling support.
Visitors had to do too much interpretation — services weren't clear, proof of work was limited, and the path to contact felt uncertain.
Redesigned user flow
Visitors had to do too much interpretation — services weren't clear, proof of work was limited, and the path to contact felt uncertain.
Key Decisions
Awareness
Is this company credible?
Strong hero, polished visuals, clear value prop
Evaluation
Can they do what I need?
Service breakdowns, case studies, team visibility
Decision
Should I reach out?
Clear contact path, proof of work, professional feel
Wireframing
One of the biggest decisions in the project was defining the overall feel of the website so it aligned with Lightstrike as a software and tech consultancy. The client wanted a direction that felt dark mode, modern and futuristic, minimal, spacious, confident, and not overly content-heavy.
Why visual direction mattered
I leaned into dark backgrounds, bright accent lighting, strong contrast, and deliberate whitespace. The orange light-inspired accent brought energy and distinction, while the layout stayed clean so content felt easy to absorb. This was one of the most important decisions because the overall feel shaped whether Lightstrike would come across as credible, modern, and worth trusting.
Designing for Trust
Because Lightstrike is a consultancy, trust was a major design priority throughout the site. The founder specifically felt that the redesigned site increased the trust potential clients would have in the business.
Polished visual system
A more professional and modern aesthetic that signals credibility at first glance.
Clearer content hierarchy
An intentional experience where visitors always know where they are and what to do next.
Team visibility
Making the company feel more human and real by showcasing the people behind the work.
Case studies
Giving potential clients a better sense of past work to build confidence in Lightstrike's capabilities.
Modern interaction details
Elevated motion and interaction design to make the experience feel premium.
Scalable CMS System
A major part of the redesign was making the site easier to maintain and expand over time. I connected Sanity CMS so the client could manage content in the backend and have it populate dynamically on the site.
Case studies
Giving potential clients a better sense of past work to build confidence in Lightstrike's capabilities.
Modern interaction details
Elevated motion and interaction design to make the experience feel premium.
The result
Instead of building static one-off pages, I designed a system that gave the founder more flexibility and faster maintenance as the business evolved.
Implementation
After finalizing the design direction in Figma, I moved into Plasmic to build out the live implementation — translating designs into responsive pages, setting up interactions and animations, integrating CMS content, and connecting hosting.
Plasmic component
Outcomes
What We Shipped
Product Outcomes
Created a more modern, visually cohesive website experience aligned with a software consultancy brand
Introduced reusable case study and team member templates powered by Sanity CMS
Improved content hierarchy and site structure to make the experience easier to scan and understand
Business Outcomes
Increased the founder’s confidence in using the site as a tool for business development
Strengthened Lightstrike’s ability to showcase past work and build credibility with potential clients
Made future content updates and maintenance faster and more scalable
User Outcomes
Gave potential clients a clearer understanding of what Lightstrike does and how the company can help
Increased trust by surfacing proof of work and team visibility more intentionally
Reduced friction in evaluating the business by creating a more polished, structured, and confidence-building experience
Reflection
Design is doing more than making something look polished.
This project was a good reminder that for consultancy websites, design is helping shape credibility, communicate expertise, and reduce hesitation for potential clients.
One of the biggest lessons was how important the overall feel of a site is when the business sells technical trust. The dark, minimal, more futuristic direction was not just a stylistic choice — it helped position Lightstrike in a way that felt more current, capable, and aligned with the industry.
Key lesson
It reinforced the value of designing systems, not just pages. By combining thoughtful hierarchy with reusable CMS-driven content structures, the project became more than a redesign — it became a stronger foundation the business could keep building on.