← Web design & development

Magnicore

WebGraphic

Overview

Magnicore is an organisation focused on workforce development, training and digital innovation. My work covered its website design on Squarespace and brand graphics.

My role

I designed the website on Squarespace and created brand graphics. The images below bring those two parts of the project together.

SquarespaceWeb designBrand graphics

Client brief

The client approached me to create a modern, professional and user-friendly digital experience that would strengthen their online presence and communicate their brand's value effectively.

The goal was to develop a visually appealing website with clear navigation, engaging content and a responsive layout for a seamless experience across desktop, tablet and mobile devices.

Project timeline

Project year
2025
Project duration
3 weeks
Design phase
1 week
Development phase
1 week
Testing and refinements
1 week

01 / Website

From design
to the browser.

The current live homepage is shown in desktop and mobile browser frames. The design views come from my own screenshots of the Digital Investors page in Squarespace. They show the services layout and an image strip from the design process.

The live captures document the website as it appears today. They are not supplied screenshots of the final handover.

magnicore.com
Desktop capture of the live Magnicore homepage, with its red wordmark and workforce solutions introduction.
Current live homepage · 11 November 2026View full capture ↗

Mobile homepage

A live capture of the current website at 390 px, captured 11 November 2026.

The desktop and mobile captures show the website today. The original 2025 handover screenshots are still to be added.

magnicore.com
Current live Magnicore mobile homepage, showing its wordmark, menu button and workforce solutions introduction.
Current live mobile homepageView full capture ↗

Design process

Three stages, from initial exploration to final delivery.

  1. 01

    Initial exploration

    Research, reference gathering, competitor analysis and initial design concepts.

  2. 02

    Design and development

    Homepage design, page layouts, responsive adjustments and website implementation.

  3. 03

    Final delivery

    Final refinements, functionality testing, responsive optimization and website handover.

Design views

Two views from my Squarespace design screenshots. The requested draft, revision and handover images are still to be added. These files do not establish a draft-to-final order.

Services layout from my Digital Investors page design screenshot
01 / Design screenshot

Services layout

Digital Investors page in Squarespace. Website viewport cropped from my design screenshot.

View full size ↗
Image strip from my Digital Investors page design screenshot
02 / Design screenshot

Image strip

A second view from the same page. Website viewport cropped from my design screenshot.

View full size ↗

Project deliverables

  • Website research and competitor analysis.
  • Website structure and sitemap planning.
  • Homepage UI/UX design.
  • Responsive website design.
  • Website development and implementation.
  • Mobile and tablet optimization.
  • Typography and colour system selection.
  • Website content arrangement.
  • Navigation and user experience optimization.
  • Final website testing and handover.

02 / Brand graphics

One brand.
A consistent voice.

These are the original Magnicore graphics from my portfolio files. They introduce the organisation, its services and topics around technology and careers. Black, white and red run through the collection.

Magnicore original brand graphic: founders commitment
founders commitment
Magnicore original brand graphic: want to switch into tech start here
want to switch into tech start here
Magnicore original brand graphic: web3 isnt just a buzzword
web3 isnt just a buzzword
Magnicore original brand graphic: welcome to magnicore black
welcome to magnicore black
Magnicore original brand graphic: welcome to magnicore white
welcome to magnicore white
Magnicore original brand graphic: what we offer
what we offer
Magnicore original brand graphic: whats next for tech
whats next for tech

03 / Project results

A clearer digital presence.

The completed project delivered a modern and responsive website that improved the brand's digital presentation and provided visitors with a more structured browsing experience.

Key outcomes

  • Improved visual consistency and brand presentation.
  • Better website navigation and content organization.
  • Responsive experience across different screen sizes.
  • Clearer presentation of products and services.
  • A professional digital platform that supports the client's business objectives.

These are qualitative outcomes, not independently verified performance metrics.

04 / Client feedback

Client feedback.

The client reviewed the brand graphics in the screenshot shown here. The artwork and response are preserved as image crops, with names, the avatar, timestamp and private mention removed.

Four Magnicore graphics shown in the supplied client review screenshot.
The client response cropped from the supplied design review screenshot, with personal details removed.
Two crops from the supplied design-review screenshot. Personal details removed.

The website is live.

Visit live site
Back to the graphics ↗

Contact / Start a project

Let’s talk about your project.

A new website, a fresh identity, or a place on your team. I’d love to hear what you’re working on.

Project enquiry
What are we making?
When do you have in mind?

Opens your email app. A rough idea is enough.