Regen
Regen
Regen
Brief
The landing page should provide information about the new products through both overview visuals and detailed descriptions. By combining fashion, technology, and sustainability, ReGen creates a unique and appealing brand that resonates with a conscious and tech-savvy audience.
Fictional assignment.
Team
Digital Design – Smilla Nordgren Wahlström, Sofi Svensson
Computer Graphic Design – Filip Malke
Web Development – Anna Dahlberg, Jonatan Lorentzson
Role
UX, UI,
Visual identity
Project lead
Tools
Figma,
Illustrator
Year
2024
Brief
The landing page should provide information about the new products through both overview visuals and detailed descriptions.
By combining fashion, technology, and sustainability, ReGen creates a unique and appealing brand that resonates with a conscious and tech-savvy audience.
Fictional assignment.
Brief
The landing page should provide information about the new products through both overview visuals and detailed descriptions.
By combining fashion, technology, and sustainability, ReGen creates a unique and appealing brand that resonates with a conscious and tech-savvy audience.
Fictional assignment.
Brief
The landing page should provide information about the new products through both overview visuals and detailed descriptions.
By combining fashion, technology and sustainability, ReGen creates a unique and appealing brand that resonates with a conscious and tech-savvy audience.
Fictional assignment.
Team
Digital Design:
Smilla Nordgren Wahlström,
Sofi Svensson
Computer Graphic Design:
Filip Malke
Web Development:
Anna Dahlberg, Jonatan Lorentzson
Role
UX, UI,
Visual identity
Project lead
Tools
Figma,
Illustrator
Year
2024
Team
Digital Design – Smilla Nordgren Wahlström, Sofi Svensson
Computer Graphic Design – Filip Malke
Web Development – Anna Dahlberg, Jonatan Lorentzson
Role
UX, UI,
Visual identity
Project lead
Tools
Figma,
Illustrator
Year
2024
Solution
The project resulted in a responsive landing page for Re-Gen's wearable tech collection, which includes a watch, power bank, and Geo-tag. The brand's graphic profile combines fashion and technology with a minimalist design. The different weights of the typography create a dynamic hierarchy. especially with a muted color palette of beige, black, and cobalt blue, symbolizing innovation. The logo, inspired by the periodic table, represents the meeting of the organic and technological.
Solution:
Solution:
Solution:
The project resulted in a responsive landing page for Re-Gen's wearable tech collection, which includes a watch, power bank, and Geo-tag. The brand's graphic profile combines fashion and technology with a minimalist design. The different weights of the typography create a dynamic hierarchy. especially with a muted color palette of beige, black, and cobalt blue, symbolizing innovation. The logo, inspired by the periodic table, represents the meeting of the organic and technological.
The project resulted in a responsive landing page for Re-Gen's wearable tech collection, which includes a watch, power bank, and Geo-tag. The brand's graphic profile combines fashion and technology with a minimalist design. The different weights of the typography create a dynamic hierarchy. especially with a muted color palette of beige, black, and cobalt blue, symbolizing innovation. The logo, inspired by the periodic table, represents the meeting of the organic and technological.
The project resulted in a responsive landing page for Re-Gen's wearable tech collection, which includes a watch, power bank, and Geo-tag. The brand's graphic profile combines fashion and technology with a minimalist design. The different weights of the typography create a dynamic hierarchy. especially with a muted color palette of beige, black, and cobalt blue, symbolizing innovation. The logo, inspired by the periodic table, represents the meeting of the organic and technological.
Process and
learnings
As digital design students, we took on a project management role in collaboration with web development and graphic design students. After group discussions, we defined the project's design direction and acted as the link between the other teams. We created the graphic profile, component library, and a structured layer order to facilitate handover to the web developers. The focus was on clear communication to understand their needs and ensure that the design could be coded efficiently.
Process and learnings
Process and learnings
Process and learnings
As digital design students, we took on a project management role in collaboration with web development and graphic design students. After group discussions, we defined the project's design direction and acted as the link between the other teams. We created the graphic profile, component library, and a structured layer order to facilitate handover to the web developers. The focus was on clear communication to understand their needs and ensure that the design could be coded efficiently.
As digital design students, we took on a project management role in collaboration with web development and graphic design students. After group discussions, we defined the project's design direction and acted as the link between the other teams. We created the graphic profile, component library, and a structured layer order to facilitate handover to the web developers. The focus was on clear communication to understand their needs and ensure that the design could be coded efficiently.
As digital design students, we took on a project management role in collaboration with web development and graphic design students. After group discussions, we defined the project's design direction and acted as the link between the other teams. We created the graphic profile, component library, and a structured layer order to facilitate handover to the web developers. The focus was on clear communication to understand their needs and ensure that the design could be coded efficiently.
