Responsive Webpage
Figma

Nexus

Initial Hero Image

Product goal

Create a class-leading, responsive website to generate leads, enquiries, build subscriptions, and drive sales for telephony services.

Target Audience

UK SMEs with 1 to 30 staff initially, expanding to larger corporations across all industries requiring inbound communication services.

Individual Role

Brand Design, User Research & Analysis, Persona Creation, Information Architecture, Wireframing, UI Design & Prototyping.

Problem statement

Nexus needed a responsive website to attract users towards telephony services, enabling better customer management through call handling solutions.

Final Mockups

No items found.
High-Fidelity Prototype

Breaking down the design process

quantitive research

Conducted desktop research to understand the sector and how it challenges industry norms. Findings highlighted the benefits SMEs experience using virtual assistants and revealed increased advantages for larger companies.

Quantitative Research

Competitive audit

Analysed competitors to identify opportunities and integrate them into the design. The audit considered website comparisons and branding integration throughout the product.

No items found.

PERSONAs

Personas

Information Architecture

Following a top-down approach, the site map illustrates the user journey from interest to subscription. The product aims to attract users to subscribe or enquire through call-to-action points, with additional information designed to convert sales.

Information Architecture

Wireframing

Initial sketches secured stakeholder feedback and client buy-in, focusing on integrating brand identity and creating a strong user experience. The design progressed into low-fidelity prototypes to understand user flow and connections between supporting elements and the primary flow.

This is some text inside of a div block.

Research Overview

Conducted two remote unmoderated usability studies. Users completed prompts to identify pain points and test the primary user flow. Effectiveness was measured by completion rates and times. The first study used a low-fidelity prototype; the second focused on specific CTA engagement with a high-fidelity prototype.

Insight 1

Participants responded positively to layout and navigation but identified areas for improvement in feedback response and interactions.

Insight 2

Users desired more opportunities to return to the order process, especially on secondary pages, indicating a need for navigation improvements, particularly on mobile.

Insight 3

Feedback suggested the UI should be more engaging to capture attention. While stronger than competitors, the brand identity should stand out further.

Style guide

Styleguide
Final Hero Image

Lessons Learnt

This project challenged my skills, allowing experimentation and interpretation of the brief, starting from a blank canvas to design the company's brand identity and website. It further fuelled my passion for product design, adapting my process to develop website design and branding in tandem for a coherent digital product.

Insight 1

Pushed UI design boundaries, focusing on element interaction as well as aesthetics.

Insight 2

Increased user testing led to a refined product, understanding current and future target audiences, and future-proofing the design.

Insight 3

Expanded beyond website development to include full branding, observing how branding and design inform each other and challenging myself creatively.