Building Fold's Web Presence

BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •

BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •

BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •
BUILDING FOLD LAB'S WEB PRESENCE •

thealternative.xyz

home

▪

work

▪

about

Building Fold Lab’s Web Presence

Building Fold Lab’s
Web Presence

YEAR

2024

CLIENT

FOLD LABS

INTERNATIONAL RESCUE COMMITTEE
INNOVATION TEAM

ROLE

WEB DESIGNER + DEVELOPER

INTERNATIONAL RESCUE COMMITTEE
INNOVATION TEAM

SECTOR

ED-TECH, AGENCY

DISCIPLINES

SUMMARY

Building a modular website for an ed-tech and behavioural design studio reflecting their systemic approach to servicing India's education sector. This website cemented fold's public web presence which was initially limited to internal networks.

OUTCOMES

Modular Web Template • Website • Design System • Strategy

Fold Labs' landing page

Challenge

BACKGROUND

Fold Labs is a consulting agency specializing in Learning Science, Behavioural Psychology, and Systems Theory. I was tasked with creating an official web presence that communicates the value they can bring to an organisation and a legitimate documentation of their work.

Since 2020, Fold had been operating through relationships and needed a space that newer clients could see their past work and understand the complexity and nuance that they bring to their project.

BACKGROUND

BRIEF

Build a clear, confidant web presence that speaks about Fold's values and highlights their approach with a touch of play.

This project also led to establishing a visual identity for Fold with the website as the central expression. Fold's founder is a design practitioner as well, so the brief came with nuanced asks like creating skeuomorphic interactions on words like "fold", extending the identity through interactions.

Approach

PROCESS

Working with a design studio meant that my approach to both research and craft had to be thorough and deliver a website that truly reflects the needs and vision.

For this, I began with a Discovery Call followed by a Research Sprint to establish what the vision of client is. This stage also brought out implicit assumptions and aesthetics that the client wanted vs. needed. A moodboard helped in creating a vision for the visual language.

Through this process I was able to understand the pages required and the function of each section within a page. I also needed sample content from the client to make sure the container (this website) fits it.

After getting on the same page on each aspect of the site, I started with the drawing board wireframing the sections for each page. This also helped the client envion the site.

Following this stage, was testing and building out components that could create modularity on Framer. Once the structure and UX was established, I worked on the UI and visual identity elements. This stage gave a true feel of the website for the client, and feedback and changes became more clear.

I arrived at the final direction after weeks of iteration that met the client's brief.