JS PORTFOLIO / WEBSITE REDESIGN / AGENCY
Website Redesign
UI/UX
2-Week Sprint
ROLE
Product UI/UX Designer
DURATION
2 weeks (Sprint)
CLIENT
SOFTTONIA Agency
LIVE PROJECT
Modernizing a Software & Digital Marketing Agency's Digital Presence to command high-value client conversions.









01
Full-page captures of the previous site and the redesigned site.
PREVIOUS DESIGN
BEFORE

Previous design
REDESIGNED SITE
AFTER

Redesigned site
02
What SOFTTONIA needed
OBJECTIVE
What was wrong with the previous site
01
02
Inconsistent icon sizes, making the interface look cluttered and unbalanced
03
Poor navigation structure important information buried under multiple menu layers
04
Outdated design aesthetics that didn't reflect modern web design trends
05
Lack of mobile optimization the site wasn't responsive
06
Slow load times from unoptimized images and inefficient code
07
Inconsistent visual elements (buttons, headers, footers) across pages
BASELINE METRICS
Pre-redesign, measured
Bounce Rate
80%
Average Session Duration
2m 15s
03
Research-informed, scoped to a 2-week sprint
QUALITATIVE
In-depth discussions with the client and founder to surface pain
points — difficult navigation, outdated design, poor mobile
responsiveness.
QUANTITATIVE
Analyzed real performance metrics — bounce rate, session
duration, conversion rate — to confirm where users were dropping
off.
MARKET RESEARCH
Reviewed industry best practices and competitor websites for
inspiration, referencing sites via ThemeForest and Behance —
noting common patterns like streamlined navigation, modern
aesthetics, and mobile optimization.
AUDIENCE RESEARCH
Identified SOFTTONIA's target audience — businesses ranging
from startups to established organizations seeking software
development and digital marketing services.
DESIGN DIRECTION
REDESIGNED SITE PALETTE
#17CD80
Accent
#0A0A0A
Base
#FFFFFF
Type
PROCESS
01
02
03
04
05
04
Seven issues in the old site, and what replaced them.
01
BEFORE
Inconsistent typography across pages
AFTER
Standardized font family with a clear heading / subheading
/ body hierarchy
02
BEFORE
Inconsistent icon sizes
AFTER
Uniform icon sizing across the entire site
03
BEFORE
Poor, deeply-nested navigation
AFTER
04
BEFORE
Outdated visual design
AFTER
05
BEFORE
No mobile optimization
AFTER
Fully responsive across smartphones and tablets
06
BEFORE
Slow load times
AFTER
07
BEFORE
Inconsistent buttons, headers and footers
AFTER
05
Documented outcomes after launch. Directional no post-launch figures were recorded against the baseline above.
✓
Enhanced user engagement users spent more time exploring the site
✓
Improved navigation and accessibility noticeable decrease in bounce rate, increase in average session duration
✓
Increased mobile traffic with a seamless cross-device experience
✓
Faster load times, contributing to better search engine rankings and organic traffic
✓
Higher conversion rates more inquiries and business leads
✓
Positive feedback from both the client and end-users on the new design's professionalism and credibility
06
Reflection
