Skip to content
Mehul Munjani

Home/Work/Space-O

Space-O Technologies

A modern, conversion-focused website for a US mobile app development agency, with clearer services, simpler navigation and a real path to a free consultation.

Web
Client
Space-O Technologies
Role
Lead UX/UI Designer
Timeline
6 months
Tools
Figma, Photoshop, Adobe XD, WordPress, HTML/CSS
Platform
Responsive web
The new Space-O home page
Challenge

A dated site with confusing services and no clear path to contact.

My role

Lead UX/UI designer over 6 months.

Result

A modern, card-based site on a reusable design system.

Problem

The site looked dated, navigation was unclear and there was no obvious path to conversion. Services were confusing, landing pages had no primary CTA, and visitors struggled to tell mobile, web and app services apart.

Before and after

After
Before
BeforeAfter
Drag to compare the old home page with the redesign

Goals

Look modern and credible, make services and past work easier to find, simplify navigation to cut bounce rate, and generate more leads through CTAs and contact forms.

Competitive analysis

Built in code
IndiaNICHiddenBrainsSilicon IT HubSpace-O redesign
Mega menu
Quick inquiry form
Contact information
Recent products
Services info
Coverage3/53/53/55/5
Feature comparison against three competing agencies

Information architecture

Built in codeLanding Page
  • Company Details
    • About
    • Who we are
    • Leadership team
    • Testimonials
    • Infrastructure
    • Career
    • Employee Speaks
  • Services
    • Mobile App Development
    • Web Development
    • Consulting Services
    • Hire
  • Solutions
    • Convert into App
    • Custom Solutions
  • Portfolio
  • Contact
Sitemap
Mega menu that separates mobile, web and app services
Mega menu that separates mobile, web and app services

Style guide

Built in code

Colors Click a swatch to copy

Poppins

Build your appH1 · Bold
Mobile and web developmentH2 · Semi Bold
Clear services, faster leads.Body · Regular
Colors, Poppins type scale, logo and icon set

Key sections

Each section of the home page has one job, from the first impression down to the inquiry form.

Hero section with a clear consultation CTA
01 Hero section with a clear consultation CTA
Eye-catching numbers that build credibility
02 Eye-catching numbers that build credibility
Client testimonials
03 Client testimonials
Inquiry details that are easy to find
04 Inquiry details that are easy to find
Contact information and offices
05 Contact information and offices

Responsive by default

Mobile layouts on a Bootstrap build
Mobile layouts on a Bootstrap build

Process

  1. Content-first UX strategy with reorganized navigation and a mega menu
  2. Sitemap and style guide
  3. Grid and card based UI on a reusable design system
  4. Remote usability test with five participants, then sharper CTAs and less clutter on service pages

Final design

The full home page. Hover to scroll through it, or click to open it full size.

Home page, full length
Home page, full length

Outcome

Clear service categories, consultation and portfolio CTAs, consistent type hierarchy, social proof from testimonials, awards and client logos, all responsive on a Bootstrap build.

Contact

Got a product that needs untangling?

contact@mehulmunjani.com