Skip to content
Loading

Chasing the fish…Untangling the yarn…Teaching pixels to behave…Almost there, the fish is fast…Knocking one last bug off the table…

Pushing the last bug off the table…Pretending it was an accident…Judging your internet speed…Staring at nothing, loading something…Almost done, then a nap…

Roberta MateraFull-stack · Frontend · UX/UI
  • Home
  • About
  • What I do
  • Experience
  • Work
  • Contact
  • English
  • Italiano
  • Deutsch

Full-stack developer · Bern

Full-stack developer focused on frontend and design, shaped by architecture.

I’m Roberta, a full-stack developer with 4.5 years of experience in banking, insurance, retail and healthcare. I specialise in frontend and UX/UI design, and I bring an architect’s way of thinking to every interface: structure first, details always, people at the centre.

View projects↗Download CV (PDF, English, 356 KB)↓
  • React
  • Next.js
  • Angular
  • TypeScript
  • Java
  • Spring Boot
  • Sass
  • Figma
Roberta Matera, full-stack developer, portrait with her RM logo

About me

From architecture to code: building with structure and empathy.

I trained as an architect, with a master’s degree from the Polytechnic of Bari (opens in a new tab), and I learned to turn a brief, a site and a long list of constraints into spaces people enjoy using. Between 2020 and 2022 I moved into web development through two bootcamps, because I realised that screens are the new spaces: people move through them, get lost in them, or feel at home.

Since then I have worked on banking, insurance, retail and healthcare products as a frontend engineer who owns the UX/UI, and I added Java and Spring Boot to deliver full-stack products end to end. Today I work between designers, developers and business teams, and I’m growing towards product design. I also earned a bachelor’s degree in IT for Digital Enterprises (opens in a new tab) at Pegaso Digital University.

  • Based in Bern
  • Architecture
  • Design systems
  • Full-stack
  • IT · EN · DE
  • 4.5+Years in frontend
  • −40%Fewer claims-reporting errors on an insurance platform
  • 3Languages spoken
  • FE + BAFull-stack & analysis

How architecture makes me a better developer

  1. Systems thinking

    A building is a system of structure, flows and use. I apply the same logic to design systems and component libraries, like ARTEA: 27 components reused in three applications.

  2. Designing movement

    Architects design how people move through a space. I design how users move through a product: clear navigation, sensible flows and fewer errors (−40% errors on an insurance platform).

  3. Precision within constraints

    Every project has budgets, regulations and physics. I’m used to finding elegant solutions inside technical, legal and business limits, and to documenting them (UML, specifications).

  4. Collaboration across disciplines

    Architects coordinate engineers, clients and builders. I bring the same habit to stakeholders, designers and developers: gather requirements, prototype in Figma, validate early.

What I do

From research to production.

  • UI/UX Design

    Research, wireframes, prototypes and design systems in Figma.

  • Frontend

    React, Next.js, TypeScript, accessible and responsive by default.

  • Full-stack

    APIs, databases and integrations to deliver features end to end.

  • Business analysis

    Turning requirements into clear user stories and measurable goals.

Experience

My journey so far.

  1. 2025 – 2026

    Frontend Engineer & UX/UI Owner

    F1 Consulting (opens in a new tab) · enterprise projects in insurance, retail, food and energy

    Sole frontend developer and UI/UX owner of a car-insurance platform. Figma prototypes for a retail platform cut revision cycles by 30%.

  2. 2024 – 2026

    Education

    BSc in IT for Digital Enterprises (opens in a new tab)

    Pegaso Digital University (opens in a new tab)

    Full-stack foundations in Java, Spring Boot, Angular and UML, applied in my Health Bridge Clinic project.

  3. 2023 – 2025

    Frontend Engineer

    Almaviva Digitaltech (opens in a new tab)

    Designed ARTEA, a 27-component React library used in three apps, and GENIO, a platform that cut planning time by 60%.

  4. 2022 – 2023

    Frontend Engineer

    NexumAI (opens in a new tab) · Fides (opens in a new tab)

    Pixel-accurate React/SCSS components for luxury and fashion e-commerce; Angular banking refactor with Storybook and Material UI.

  5. 2008 – 2017

    Education

    MSc in Architecture (opens in a new tab)

    Polytechnic of Bari (opens in a new tab)

    Where I learned to think in systems, people and space.

Selected work

Projects I’m proud of.

care meets codeJAVA · SPRING BOOT · ANGULAR

Health Bridge Clinic

Full-stack healthcare platform with role-based access control, DTOs and a layered architecture, documented with UML diagrams. University project, 2026.

  • Java 21
  • Spring Boot
  • Angular 21
View code on GitHub ↗ (opens in a new tab)Live site · soon
restore · reuseSURVEY · RESTORATION · ACCESSIBILITY

Adaptive reuse of a Franciscan convent, Seclì

Conservation-led restoration and adaptive reuse of a Franciscan convent in Puglia: building survey, step-free access and a new cooking school (2013).

  • Restoration
  • Building survey
  • Accessibility
study · conserveHISTORY · MASONRY · HERITAGE

Thesis: Uggiano Castle and Masseria Lisanti

Master’s thesis in architecture: historical research, masonry analysis and conservation-led reuse of Masseria Lisanti, Ferrandina.

  • Thesis
  • Masonry analysis
  • Heritage
historic shopsLOGO DESIGN · HERITAGE · IDENTITY

Logo for the Historic Shops of Genoa

Entry to the City of Genoa’s public call for a logo identifying historic shops, traditional venues and places of cultural interest (2020).

  • Logo design
  • Brand identity
  • Heritage
bespoke skylinePRODUCT DESIGN · COPPER · BESPOKE RB38A

Bespoke BeCreative: a copper skyline

Entry to Samsung’s Bespoke BeCreative contest (2021): five landmarks cut from a single copper blade for the BESPOKE RB38A refrigerator.

  • Product design
  • Copper
  • BESPOKE RB38A
next chapterUX CASE STUDY · COMING SOON

Next case study

A UX case study in progress: from research and wireframes to a design system and a working interface.

  • Upcoming

Architectural Restoration Studio · 2013

Adaptive reuse and conservation of the former Franciscan convent in Seclì

Conservation-led restoration and adaptive reuse of the former convent of the Frati Minori Osservanti (S. Antonio da Padova) in Seclì, Puglia.

As a team we carried out the building survey and agreed the design strategy: a minimal-intervention, conservative restoration.

My own scope was the service areas. I turned a collapsed vault into the shaft of a new lift, giving the whole complex step-free access, and converted the convent into a cooking school, bringing back the monks’ historic kitchen garden (the “orto”).

Technical constraints

The design had to comply with Italian building regulations and construction standards, developed with the support of a structural engineer. The challenge was to resolve real technical constraints without compromising the historic fabric.

  • AutoCAD
  • Revit
  • Total station survey
  • Photography
  • Rendering
  • Photoshop
  • InDesign (layout)
Colour plan of the reuse project for the convent of S. Antonio da Padova, SeclìBlack-and-white photograph of the convent ruin before restoration

Master’s thesis in Architecture · Polytechnic of Bari

Uggiano Castle and Masseria Lisanti: research, analysis and conservation-led reuse

Documentation on the castle was scarce, so I carried out extensive archival research to recover historical photographs. The whole team shared the survey and the bibliographic research.

I then took charge of the masonry study for both the castle and Masseria Lisanti: sampling, descriptive record sheets, mapping and stratigraphic analysis. Combined with the historical sources, it supported a hypothesis on the castle’s building phases and the surface conservation works I proposed.

In the design phase I worked on the recovery and public use of Masseria Lisanti, at the foot of the castle. The project builds on its architectural merit as cultural heritage and on its socio-economic context, as both its name and its fabric are tied to farming and dairy production. The conservative scheme removes incongruous and unsafe elements, integrates or replaces them with materials matching the originals, and introduces features that make the visit accessible to people with disabilities.

Collaboration

The thesis meant working in a group and alongside many specialists: a geologist, an archaeologist, a photographer and the public administration, among others. I learned to listen to different expertise, translate between disciplines and keep a shared direction. Throughout my studies I worked in small and large teams, which is how I now work with designers, developers and stakeholders.

  • AutoCAD
  • Revit
  • Total station survey
  • Photography
  • Rendering
  • Photoshop
  • InDesign (layout)
Site plan of the Uggiano castle area, FerrandinaMasonry sampling sheet and degradation analysis of the castleSection and floor plan of Masseria Lisanti

Logo competition · City of Genoa · 2020

A logo for the historic shops of Genoa: the doorway as a sign

The City of Genoa, with the Chamber of Commerce and the Ministry of Cultural Heritage, launched a public call for a logo identifying its “Botteghe storiche”, traditional venues and places of cultural interest: businesses trading for at least 70 years that keep their original architecture, furnishings and equipment. The call received 307 entries from Italy and abroad.

My proposal recognises a historic shop by its threshold. The mark is the arched doorway of the carruggi, the entrance into the city’s history. Alternating bands of slate and marble echo the two-tone stonework of Genoese architecture, from the façade of San Lorenzo to the palaces of the old town. The fanlight above the door recalls the iron fanlights of old shop windows, a craft detail that stays legible even at small sizes.

One mark serves three categories, Bottega storica, Locale di tradizione and Locale di interesse culturale, in a clear, repeatable system with positive and reversed versions. The palette is slate, marble and brass (plaque only); Cormorant Garamond sets the name, like inscriptions on old portals, and Manrope sets the city and the text. Below 15 mm in height the bands and fanlight simplify to the solid silhouette of the doorway.

The plaque is engraved in Ligurian slate from the Val Fontanabuona, 20 mm thick, 200 × 280 mm. Mark and text are V-engraved 1.5 mm deep and filled with white pigment; four Ø 8 mm brass screws fix it beside the entrance, with the lower edge 140 cm above the ground. Slate is the stone of Genoa’s portals, thresholds and roofs, so the plaque does not sit on the façade: it becomes part of it.

A small design system

Logo, category variants, colour and type rules, minimum size and a physical plaque: the same thinking I apply to interface design systems, from one mark to many consistent uses.

  • Logo design
  • Brand identity
  • Design system
  • Signage design
The logo: an arched doorway with alternating bands and a fanlight, above the name “Botteghe Storiche, Genova”The three categories: Bottega storica, Locale di tradizione and Locale di interesse culturaleThe logo in positive and reversed versions, with the nameThe slate plaque with the mark and the name, 200 × 280 mm, fixed with four brass screws

Design contest · Samsung BESPOKE BeCreative · 2021

Copper Skyline: five landmarks, one continuous blade

For Samsung’s BESPOKE BeCreative contest I proposed “Copper Skyline”: five icons cut from a single copper blade. The upper door of the BESPOKE RB38A becomes a horizon, with the Sydney Opera House, the Colosseum, the Eiffel Tower, the Leaning Tower of Pisa and the Statue of Liberty in one continuous profile.

The blade is a 1.5 mm copper sheet, 520 × 208 mm, laser cut and hand finished. It is fixed to the glass with spacers 4 mm off the surface, so it casts a shadow that moves with the daylight. On the lower door the skyline returns as a faint reflection, like water in a harbour.

The idea has an Italian signature: the Colosseum and Pisa bring Italy into the skyline, and copper links hand-made tradition, from kitchen copper pots to the coppersmiths’ workshops, with precision cutting. Copper also ages, so the refrigerator matures with the people who live with it: polished, burnished and, over time, a hint of verdigris.

The concept is designed around the BESPOKE RB38A (390 L, bottom-mount, flat doors with recessed handles, 595 × 2030 × 658 mm), whose interchangeable door panels leave a clean, flat surface for the blade.

Technical drawing

The refrigerator and the blade are shown with their real dimensions: refrigerator 595 × 2030 mm, blade 520 × 208 mm. Section of the panel: glass, 8 mm spacers, copper sheet.

  • Product design
  • Concept development
  • Technical drawing
  • Material choice
The refrigerator with the copper skyline of five landmarks and its reflection, with dimensionsDetail of the copper blade: Sydney Opera House, Colosseum, Eiffel Tower, Leaning Tower of Pisa and Statue of Liberty, 520 mm wide

What they told me

Words from people I’ve worked with.

  • “Roberta is a highly competent and reliable frontend developer with strong technical skills and an excellent eye for detail. […] Beyond her technical abilities, Roberta has a natural talent for engaging with business stakeholders.”

    Alice Solotti (opens in a new tab)Business Unit Manager, Data Reply

  • “Roberta has demonstrated strong technical skills, operational autonomy, and a clear focus on delivering high-quality results. She has stood out for her reliability, precision, and ability to collaborate effectively with clients and cross-functional teams.”

    F1 Consulting & Services (opens in a new tab)Milan · Reference letter, Aug 2026

  • “During her training at Strive School (EPICODE), Roberta stood out for her desire for professional growth, showing remarkable determination in tackling every new topic.”

    Stefano Casasola (opens in a new tab)in LinkedIn (recommendation on LinkedIn)Founder, Nucleode SRL · her teacher at Strive School · Translated from Italian

  • “I am pleased to recommend Ms Matera for her skills, her theoretical and technical knowledge, and the maturity she showed whenever I was her teacher and tutor.”

    Prof. Arch. Paolo Perfido (opens in a new tab)Polytechnic of Bari (opens in a new tab) · Thesis supervisor · Translated from Italian

“Roberta is a highly competent and reliable frontend developer with strong technical skills and an excellent eye for detail. She consistently follows established procedures and maintains a rigorous, careful approach to her work, which has made her a dependable presence on every project she has been part of. Beyond her technical abilities, Roberta has a natural talent for engaging with business stakeholders. She is skilled at gathering requirements directly from clients and translating them into effective technical solutions, often working independently to identify the best approach to a problem. She also manages her time and priorities well, consistently meeting deadlines without compromising the quality of her work. […] She combines technical competence with professionalism, responsibility, and a collaborative attitude that makes her a pleasure to work with. I recommend her wholeheartedly and without hesitation to any organization considering her for a position.”

Alice Solotti (opens in a new tab)Business Unit Manager, Data Reply · July 2026

Full signed letter available on request.

“Roberta has demonstrated strong technical skills, operational autonomy, and a clear focus on delivering high-quality results. She has stood out for her reliability, precision, and ability to collaborate effectively with clients and cross-functional teams. She is currently engaged with one of our key clients, where she serves as the sole Front-End reference across several projects. […] Throughout our collaboration, Roberta has demonstrated not only solid expertise in Front-End development and UX/UI design, but also excellent organizational skills, problem-solving abilities, a strong sense of responsibility, and outstanding communication skills with clients and stakeholders. She has consistently approached her tasks with professionalism, initiative, and great attention to the quality of the final product. We are therefore pleased to recommend Roberta Matera to any organization seeking a competent, reliable professional capable of taking responsibility even in complex and highly autonomous environments.”

F1 Consulting & Services (opens in a new tab)Milan · August 2026

Full signed letter available on request.

“During her training at Strive School (EPICODE), Roberta stood out for her desire for professional growth, showing remarkable determination in tackling every new topic. Day after day she quickly developed a methodical approach and was punctual with her deliverables, effectively absorbing all the content of the course programme. Her participation in group projects was marked by great professionalism and reliability, showing strong collaborative skills that contributed significantly to achieving shared goals. Her ability to learn from scratch the skills needed for web programming shows not only her talent, but also her remarkable dedication to study.”

Translated from Italian

Stefano Casasola (opens in a new tab)Founder & Software Developer, Nucleode SRL · her teacher at Strive School (EPICODE) · Nov 2024
View on LinkedIn (opens in a new tab)↗

“The research thesis Ms Matera carried out, entitled ‘Survey, Structural Analysis, Recovery and Visitor Access Design for the Remains of the Medieval Settlement of Uggiano in Ferrandina (MT)’, achieved an excellent final result in both its historical analysis and its design, and stood out in particular for an accurate critical survey applying direct, indirect and photogrammetric methods. In addition, in the final synthesis studio, Ms Matera handled the bibliographic and archival research, recovering historical photographs that proved fundamental to the development of the research. […] Beyond the scientific result achieved, the thesis saw Ms Matera always fully involved in a working group of five other graduating students, also showing a high capacity for teamwork and for sharing her knowledge and, above all, her human qualities with her colleagues. I am pleased to recommend Ms Matera for her skills, her theoretical and technical knowledge, and the maturity she showed whenever I was her teacher and tutor.”

Translated from Italian

Prof. Arch. Paolo Perfido (opens in a new tab)Polytechnic of Bari · thesis supervisor · October 2018

Full signed letter available on request.

Get in touch

Let’s build something meaningful together.

Open to product design and frontend roles. Tell me about your project and I’ll reply within two working days.

  • materaroberta.ch@gmail.com
  • +41 77 477 39 24 on WhatsApp (opens in a new tab)

0 / 5000

Roberta MateraFull-stack · Frontend · UX/UI

  • GitHub (opens in a new tab)
  • Email
  • WhatsApp (opens in a new tab)
  • LinkedIn (opens in a new tab)

© 2026 · Designed & built with care in Bern.