Hero BG
Research · UX · UI · Illustration

Nanores re-design

Client:

Nanores

Category:

Research · UX · UI · Illustration

Year:

2024

Client:

Nanores

Category:

Research · UX · UI · Illustration

Year:

2024

nanores

Project Overview

A deep-tech venture studio with three very different audiences and one confusing website. I reorganised the content and refined the visual system, so it got clearer without a full rebrand.

A deep-tech venture studio with three very different audiences and one confusing website. I reorganised the content and refined the visual system, so it got clearer without a full rebrand.

A deep-tech venture studio with three very different audiences and one confusing website. I reorganised the content and refined the visual system, so it got clearer without a full rebrand.

The first version of the logo was simpler and geometric. It even resembled working-class letters to the point.

FROM LOGO TO LAUNCH KIT

What started as "just a logo" became everything the café needed to open:

stickers and stamps, social posts and story templates, profile icons, photos, A5 menus, a loyalty card, business cards, illustrations, color palettes, and short logo animations.

When the logo changed, I went back through every piece and re-tuned it, so the new mark and the existing materials still read as one brand.

One identity, many pieces

Grid, shapes, patterns

Everything sits on a 12-column grid. The shapes come straight from the campus architecture: simplified outlines of the building became a background pattern, frames for photos and solid blocks of colour. That structure is what keeps things calm, even when one menu has to fit red, coffee, cake and a seasonal promo on the same page.

Colour & type

Red (#E20909) is the brand's voice, built out into a full scale from pale pink to almost black and paired with a warm dark (#281F20) and soft pinks.

In everyday use red works as an accent; the launch pieces, like menu covers and opening posts, are allowed to go full red.

colors & Typography

Instrument Sans does the practical work. Instrument Serif comes in for the softer moments: seasonal headings, slogans and little notes like "Cøffee is life!".

GRID, SHAPES

Instrument Sans does the practical work. Instrument Serif comes in for the softer moments: seasonal headings, slogans and little notes like "Cøffee is life!".
Colour & type
Grid, shapes, patterns

Everything sits on a 12-column grid. The shapes come straight from the campus architecture: simplified outlines of the building became a background pattern, frames for photos and solid blocks of colour.

That structure is what keeps things calm, even when one menu has to fit red, coffee, cake and a seasonal promo on the same page.

Red (#E20909) is the brand's voice, built out into a full scale from pale pink to almost black and paired with a warm dark (#281F20) and soft pinks.

In everyday use red works as an accent; the launch pieces, like menu covers and opening posts, are allowed to go full red.

My Role

Social Templates

Illustrated city map on a tablet
Illustrated city map on a tablet
Illustrated city map on a tablet

What started as "just a logo" became everything the café needed to open: stickers and stamps, social posts and story templates, profile icons, photos, A5 menus (the everyday "klasyk" and a seasonal autumn edition), a loyalty card, business cards, illustrations, colour palettes and short logo animations.

When the logo changed, I went back through every piece and re-tuned it, so the new mark and the existing materials still read as one brand.

FROM LOGO TO LAUNCH KIT

FROM LOGO TO LAUNCH KIT

What started as "just a logo" became everything the café needed to open: stickers and stamps, social posts and story templates, profile icons, photos, A5 menus (the everyday "klasyk" and a seasonal autumn edition), a loyalty card, business cards, illustrations, colour palettes and short logo animations.

When the logo changed, I went back through every piece and re-tuned it, so the new mark and the existing materials still read as one brand.

What started as "just a logo" became everything the café needed to open: stickers and stamps, social posts and story templates, profile icons, photos, A5 menus (the everyday "klasyk" and a seasonal autumn edition), a loyalty card, business cards, illustrations, colour palettes and short logo animations.

When the logo changed, I went back through every piece and re-tuned it, so the new mark and the existing materials still read as one brand.

FROM LOGO TO LAUNCH KIT

FROM LOGO TO LAUNCH KIT

What started as "just a logo" became everything the café needed to open: stickers and stamps, social posts and story templates, profile icons, photos, A5 menus (the everyday "klasyk" and a seasonal autumn edition), a loyalty card, business cards, illustrations, colour palettes and short logo animations.

When the logo changed, I went back through every piece and re-tuned it, so the new mark and the existing materials still read as one brand.

My Role

One identity, many pieces

Grid, shapes, patterns

Everything sits on a 12-column grid. The shapes come straight from the campus architecture: simplified outlines of the building became a background pattern, frames for photos and solid blocks of colour.

That structure is what keeps things calm, even when one menu has to fit red, coffee, cake and a seasonal promo on the same page.

Colour & type

Red (#E20909) is the brand's voice, built out into a full scale from pale pink to almost black and paired with a warm dark (#281F20) and soft pinks.

In everyday use red works as an accent; the launch pieces, like menu covers and opening posts, are allowed to go full red.

Instrument Sans does the practical work. Instrument Serif comes in for the softer moments: seasonal headings, slogans and little notes like "Cøffee is life!".
Social Templates
Social Templates

Social Templates

A clearer home for a deep-tech venture studio

Problem
Nanores serves three very different audiences - innovators, investors, and partners. The site treated them all the same: dense copy, unclear navigation, no visual hierarchy. Visitors could not quickly tell where they fit or what to do next.

My role

UI/UX designer and illustrator. The only designer on the project, from the first audit to QA of the live build. Working in a team of three (developer + manager).

What wasn't working

  • Nobody knew where to click, neither originators nor sponsors.

  • Outdated illustrations and hard-to-read type.

  • Slow, heavy pages.

  • No real mobile version.

Nanores homepage, before (2023) and after (2024)

Where I began

I audited the existing site, mapped each audience's needs, and restructured the content architecture around three clear entry points. Then refined the visual system — typography, colour, spacing, components — so the dev team could implement it without creating layout drift over time.

No full rebrand. The existing brand foundations stayed intact.

Process in steps

  1. visual identity and brand guidelines to ensure consistency

  2. Simplified navigation and improved the site structure so that users quickly find key information.

  3. Prioritized accessibility, aligning the design with WCAG standards - inclusive experience.

  4. Created wireframes and detailed specs for smooth developer handoff and implementation.

  5. Collaborated closely with a developer and marketing, using daily check-ins and clear documentation.

Navigation and key pages

One clear menu leads to the incubator, the start-ups, the company and contact. It opens full screen on desktop and on the phone.

  • Home: what Nanores is, in one screen.

  • For originators: illustrations of a project's path from Seed-up to Grow-up and Scale-up.

  • News: a list and an article template the team fills in on its own.

navigation menu top

Content first

I started with the words, not the visuals. In workshops with Nanores' content manager we decided what each page should say and to whom, until every page had one clear job.

Wireframes ready to fill in

Writing for an empty grey box is hard, so every text slot in my wireframes was marked and already styled like the final design. The client could see the page while writing, and the texts finally started to arrive.

Nanores mobile screens

Light and accessible

Light, fast pages with readable type and enough contrast, designed to WCAG guidelines and to work just as well on a phone.

Business Outcomes

Improved brand perception. Nanores now presents as a modern, reliable partner for R&D and venture building.

Enhanced user experience. Clients and stakeholders can easily understand Nanores’ services and value proposition.

Increased efficiency. Stakeholders spend less time answering basic questions, and developers have clear assets for updates.

The website now supports business development by making contact and conversion points obvious and accessible.

What Went Well

Strong collaboration in a small team led to fast decision-making and adaptability.

Clear brand guidelines made it easier to keep future updates consistent.

The new design helped position Nanores as a forward-thinking leader in their field.

What I Learned

Even small changes in navigation and structure can make a big impact on user experience and business goals.

Consistency across digital touchpoints is key to building trust with clients and partners.

Live site: nanores.ventures

The redesign turned Nanores’ website into a clear, accessible, and business-ready platform, one that supports growth, partnership, and innovation.



My Role

Let’s Build A Brand Experience That People Remember And Trust

Create a free website with Framer, the website builder loved by startups, designers and agencies.