Skip to content

Web design projects

Norma Renda – 2018

Top

Norma Renda was the personal website of Norma, an artist from Turin who produces and sells unique, watercolored and hand-bound handmade albums.
The WordPress website used the WooCommerce plug-in to show and describe the characteristics and availability of the products in the catalog, customer reviews, usage possibilities and related products.
We started the project by defining the specificity of Norma and its handmade production. We outlined its objectives (mission, vision and values) and its Business Model Canvas. We then moved on to the investigation and analysis of its customers (real and potential) through surveys, interviews, research and benchmarking.
With the data in our possession we built some personas that served as a reference for the subsequent phases – information architecture, wireframes and prototype. From the results of some tests we moved on to the graphic implementation part (logo, color palette, fonts), to the definition of the interface and user interaction, and then to the creation of the beta version of the site. Subsequent tests and changes led to the final version of the site, the drafting of style guidelines and the definition of the steps necessary for updating and maintaining the site.

Website homepage of Norma Renda showcasing a handcrafted photo album with colorful covers, inviting customers to collect memorable moments.
Norma Renda – Homepage
Website section for artist Norma Renda, highlighting handmade albums and customer testimonials on their quality and craftsmanship.
Norma Renda – Customer reviews
Website screenshot showcasing "Norma Renda," featuring products made from natural, unique, and high-quality materials for art and album creation.
Norma Renda – Quality natural products
Four unique art albums displayed on a website, labeled for different purposes: design, photography, painting, and customized albums.
Norma Renda – Albums
Four handcrafted photo albums displayed on a website: Geometric designs in fuchsia, blue, pink, and red, with varying page counts.
Norma Renda – Album serie
Handmade blue album featuring a watercolor mandala design, 48 pages, and a coptic binding. Size: 24.5x17 cm. Perfect for memories.
Norma Renda – Album serie Mandala
A blue mandala-themed album with 48 pages, featuring a colorful watercolor design on the cover, displayed open on a light background.
Norma Renda – Album serie Mandala – full page
Website screenshot of Norma Renda's art blog featuring colorful swirls and playful watercolor designs, highlighting artistic themes.
Norma Renda – Blog post
Contact form for Norma Renda, featuring fields for name, email, subject, and message, with links to social media.
Norma Renda – Contact form
A colorful assortment of threads and spools on a wooden surface, showcasing various colors for artistic projects and crafts.
Norma Renda – About me page
Norma Renda website (2018)

Brandìzzati – 2017

Top

Brandìzzati is the Personal Branding Workshop offered in Turin in April 2017, the result of collaboration with the Humanist Coach Laura Leone.

The workshop was aimed at freelancers, operators, artists, bloggers, and experts in a specific field who, using the Coaching and User Experience Design tools provided by the workshop, wanted to define their personal brand.

The single-page WordPress site is the result of the collaborative work between the two professionals and is aimed at illustrating the human-centered methods and techniques offered during the two-day workshop.

Web page screenshot
Brandizzati – homepage
Web page screenshot
Workshop – 2nd edition
Web page screenshot
Workshop – who
Web page screenshot
Workshop – why
Web page screenshot
Workshop – how
Web page screenshot
Registration form
Brandìzzati web page screenshots

Io c’entro – 2016

Top

Io c’entro is the daily pedagogical space in Turin, specialized in remedial, support and consolidation teaching for primary and secondary school students, founded by three teaching professionals with the aim of supporting children and young people in a path aimed at autonomy in studying and the acquisition of targeted skills.

The WordPress site was the result of training and co-design work with the founders and teachers of the center who then managed it completely independently.
I paid particular attention to the methodological approach that distinguishes the center in the reference sector, to the welcome that the space expresses and to the type of training support offered.

Web page screenshot
Home page
Web page with sections list
Activities list
Web page with panels
Activities
Web page with price options
Pricing options
Web page with location map
Map and contact form
Web page screenshot - footer section
Footer

b&b Casa Fischer – 2015

Top

b&b Casa Fischer is an elegant bread and breakfast built with bio-architecture techniques on the outskirts of Pisa.

The WordPress site uses the slightly modified single-page Bed&Breakfast theme. I paid particular attention to the research and photographic cut to highlight the hospitality of the structure and its strategic position. Creation of the logo and the business card based on the clients’ instructions.

Bed & breakfast Casa Fischer website - homepage
Home page
Bed & breakfast Casa Fischer website - House description
House description
Bed & breakfast Casa Fischer website - Bedrooms
Bedrooms
Bed & breakfast Casa Fischer website - Activities section
Activities section
Bed & breakfast Casa Fischer website - What to see page
What to see page
Bed & breakfast Casa Fischer website - Contact form
Check availability form
Cozy reading nook with a vintage armchair, wicker chair, and a small table with flowers, beside a window overlooking greenery.
Reading corner inside the b&b
A cozy patio with modern furniture, sun umbrella, and a garden filled with flowers outside the b&b.
b&b garden
Walk-path beside a historic brick aqueduct, framed by autumn leaves and gentle sunlight.
Medici Aqueduct of Asciano (Pisa)
Historic Charterhouse of Calci in Pisa, featuring ornate architecture and intricate details under a clear blue sky.
Charterhouse and Natural History Museum of Calci (Pisa)

Ciambellucke – 2013

Top

Ciambellucke is the sailing boat rental and holiday service based in Portoferraio on Elba Island (Livorno).

The site uses the modified Proximet theme with particular attention to photographic research and content. The emphasis is on the accessibility of the boat holiday for families with children, on the experience of nature that this type of holiday offers and on the strategic position of the boat with which you can sail throughout the Tuscan archipelago.

Ciambellucke website - homepage
Homepage
Ciambellucke website - homepage (danish version)
Homepage (danish version)
Ciambellucke website - about us page
About us
Ciambellucke website - gallery with pictures of a beach and of a sailing boat
Gallery
Ciambellucke website - info page with text and links
Info page with useful links
Ciambellucke website - pricing table
Pricing page
Ciambellucke website - map, contact info and form
Map, contact info and form

Kg363 – 2005

Top

Kg363 is the project of two artists from Los Angeles, Mattia Biagi and Valerj Pobega, who through the website offer an overview of their poetics and aesthetics, their projects and public performances.

KG363 website - homepage - Collage of artistic fashion designs, including intricate jewelry, sculptures, and elements showcasing collaboration between Mattia Biagi and Valerj Pobega.
Homepage
KG363 website - Mattia Biagi's personal section
Mattia Biagi’s personal section
KG363 website - Mattia Biagi's personal project
Mattia Biagi’s personal project
KG363 website - Mattia Biagi's City sculpture
Mattia Biagi’s City sculpture
KG363 website - Mattia Biagi's Exhibitions page
Mattia Biagi’s Exhibitions page
KG363 website - Mattia Biagi's Press page
Mattia Biagi’s Press page
KG363 website - Valerj Pobega's personal section
Valerj Pobega’s personal section
KG363 website - Valerj Pobega's Drops Collection
Valerj Pobega’s Drops Collection
KG363 website - Valerj Pobega's Press page
Valerj Pobega’s Press page
KG363 website - Fashion Collection section
Fashion Collection section
KG363 website - Fashion Collection - Project sample
Project sample
KG363 website - About us and contact info/form
About us and contact info/form

Bruno Magli – 2001

Top

Bruno Magli shoes are works of architecture – …the secret of a beautiful shoe is in everything that cannot be seen… – the product of a company that maintains a close link between craftsmanship and industrial design. Some of them have been exhibited at the Museum of Modern Art in New York and are cited in texts on the history of costume and fashion: saying Magli in New York, Tokyo, Paris or London is synonymous with quality, taste and Italian style.

I took care of the web development of this site (html, javascript and css). Graphics and layout by Giancarlo Gamberini

Bruno Magli's website - intro page with language selection
Intro page
Bruno Magli's website - homepage - A stylish model in a striking red dress poses with a rose, set against a dramatic dark red background. Assorted text overlays visible.
Homepage
Bruno Magli's website - Collections - A stylish website layout showcasing Spring-Summer 2001 collections with vibrant color pallets and enticing thumbnails.
Collections
Bruno Magli's website - Collections - Woman shoes selection
Collections – Woman shoes selection
Bruno Magli's website - Collections - Man shoes selection
Collections – Man shoes selection
Bruno Magli's website - Locations - A dark red webpage listing contact information for Bruno Magli locations in cities like London, Berlin, and Zurich, featuring the Eiffel Tower.
Locations
Bruno Magli's website - How to reach us - Map and directions for Bruno Magli store in Bologna, Italy, with contact information on a dark red background.
How to reach us
Bruno Magli's website - The early days - Historic photo of individuals in a workshop setting, showcasing the early days of the Bruno Magli brand.
The early days

Kristina Ti – 1999

Top

Kristina Ti is an Italian ready-to-wear brand born in 1987 from the passion for fashion of the Turin brothers Cristina and Marco Tardito. The initial success in the beachwear sector with innovative and revolutionary costumes was followed by the debut in clothing with which Kristina Ti travels around the world passing through Milan, Paris and New York.

The main lines, accessories and the girls’ line are now distributed in 300 exclusive boutiques around the world.

I took care of the web development of this site (html, javascript, css and QTVR embedding). The site graphics and the QuickTime VR file of the Paris store are by Marco Tardito.

Kristina Ti's website - intro page - Abstract glass bubbles cascading in a dark setting, with the "Kristina Ti" logo elegantly scripted above them.
intro page
Kristina Ti's website - Homepage - Logo of Kristina Ti with menu options: History, Press, Collections, Stores, and Feedback, on a dark background with abstract design.
Homepage
Kristina Ti's website - History page - A history of Kristina T. brand, showcasing the evolution of unique bathing costumes and lingerie designs since 1987 in Milan and Paris.
History page
Kristina Ti's website - Collections page - A digital design featuring "Kristina Ti" logo with a circular menu displaying collection details for Summer '99 and Winter '99/00.
Collections 1999-2000
Kristina Ti's website - Collections selection - A digital interface featuring translucent bubbles, text "Kristina Ti," and seasonal options "summer," "winter," and "extra" against a dark background.
Collection selection
Kristina Ti's website - Summer Collection interface
Summer Collection interface
Kristina Ti's website - Summer Collection window
Summer Collection window
Kristina Ti's website - Contact options - Abstract design featuring translucent shapes with the text "Kristina Ti" and navigation options: mailing list, suggestions, contacts.
Contact options
Kristina Ti's website - Locations - Promotional graphic for Katerina Tin, showcasing showrooms in Milan, Porto Cervo, Forte dei Marmi, and Paris, with contact details.
Locations
Kristina Ti's website - Locations - Inside Paris store - An image of various shirts and tank tops hanging on a wall, framed within an abstract digital interface against a dark background.
Locations – Inside Paris store – QuickTime VR

Sailing with Columbus – 1998

Top

For Mondadori Informatica, a web-adapted, interactive and multimedia version for promotional purposes of the CD-Rom Sailing with Columbus, a basic Italian course for adult foreigners. The language activities illustrated are mainly related to listening and reading.
The unit adapted in the web version is accompanied by a short video taken from a film, and accessible through the audio function subtitled in the two different languages. The dialogue, supported by “empty” comics, is presented first through the audio function, and only then is it accompanied by the writing. All the exercise techniques have been translated into the interactive web version to express the didactic quality of the CD-Rom.

Logo of RAI International with globe and arrows, flanked by flags of various countries, labeled "Elemond Interactive Education."
Interactive Web Demo of the Sailing with Columbus CD-Rom – Introduction
An interface displaying educational units on phonetics, spelling, and grammar with icons for various topics like music, cooking, and invitations.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Units list with functions
An interface displaying educational units on phonetics, spelling, and grammar with icons for various topics like music, cooking, and invitations.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Units list with grammar
Screenshot of a language learning software interface, displaying options for 'Units,' 'Phonetics and Spelling,' and 'Grammar' sections.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Units Help page
A digital interface displaying a phonetics and spelling curriculum with navigation buttons and an alphabet grid.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Phonetics and Spelling
Interactive educational interface for "Phonetics and Spelling," featuring navigation buttons for phonetic units and grammar topics.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Phonetics and Spelling Help page
A user interface for a grammar course, featuring topics like phonetics, adjectives, adverbs, and conjunctions.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Grammar
An educational interface for a cinema-themed unit, featuring communicative and grammatical aims, along with interactive menu options.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema
An interactive interface for a language course focused on cinema, featuring navigation buttons for lessons, exercises, and help.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Help page
Three individuals in formal attire engage in conversation, with speech bubbles indicating dialogue in a cinema setting.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Empty speech bubbles
Two men in suits converse at a film premiere, with dialogue bubbles indicating a friendly catch-up.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – 1st speech bubble
Two men in suits converse at a film premiere, with dialogue bubbles indicating a friendly catch-up.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – 2nd speech bubble
Screenshot of language learning software featuring a dialogue between two characters, Luigi and Giorgio, discussing greeting phrases.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Dialog analysis
Digital interface for a language lesson featuring dialogue about cinema, with navigation buttons and a cartoon panel showing a conversation.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Dialog Help page
An interactive quiz interface for a language exercise about a film dialogue, featuring true/false statements about characters.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Dialog quiz
A monochrome film strip display with a dialogue about gender and genius, featuring interactive buttons for navigation.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Subtitled video
A digital interface for a film unit, featuring controls for playback, language options, and navigation through educational content.
Interactive Web Demo of the Sailing with Columbus CD-Rom – Unit 1 – Cinema – Subtitled video – Help page

ΩmegaNet – 1996

Top

Omega was a Bologna-based company specializing in the production of software and Internet services.

Among Omega’s most important projects at European level, we should mention Iperbole (Internet Per Bologna e l’Emilia Romagna) which, within the CityCard telegovernment project, offered free connection and Internet services to the citizens of Bologna. The ΩmegaNet portal served to give visibility and access to its projects and the Internet services offered by the company to its customers.

Colorful puzzle-like image showcasing sections about OmegaNet, including projects, editorial activities, and cultural information.
ΩmegaNet homepage
Information page about OmegaNet, detailing civic projects like Municipality Voyager and Iperbole, surrounded by a puzzle piece border.
ΩmegaNet – About us
A colorful puzzle-themed webpage titled "Attività editoriali e culturali," featuring sections on civic projects and cultural initiatives.
ΩmegaNet – Editorial and cultural activities
Information page from Clueb detailing projects for civil infrastructure networks, including various system initiatives and contacts.
ΩmegaNet – Clueb
Screenshot of a webpage titled "Clueb" detailing projects for civic network realization, featuring "Municipality Voyager" and "Iperbole."
ΩmegaNet – Clueb – Activity 1
Screenshot of a document titled "Clueb," outlining projects for civic network implementation with sections A, B, and C.
ΩmegaNet – Clueb – Activity 1 – Project 1
Website interface for "OmegaNet" featuring a yellow background, search bar, and links for help, options, and results.
ΩmegaNet – Search page
Text excerpt titled "Indice analitico" on a yellow puzzle-patterned background, listing topics related to political discussions and editorial activities.
ΩmegaNet – Analytical index
ΩmegaNet website (beta version)

Top