ux/ui
branding
editorial
creative design
the creative design website is dedicated to design and made for designers, developed as an individual academic ux/ui project in adobe xd. awarded as a highlight at the espm student exhibition 2024.
o site creative design é especialmente sobre design e para designers, desenvolvido como projeto acadêmico individual de ux/ui no adobe xd. premiado como destaque na mostra estudantil espm 2024.
academic project
discipline in design course
interaction design (ux/ui)
year
2023
softwares
adobe xd
adobe illustrator
adobe indesign
adobe photoshop
credits
fernanda kuntz
introduction
the creative design website was developed as an individual academic ux/ui project in adobe xd. the proposal was to create a comprehensive platform for designers, bringing together design fundamentals, references, portfolio, and educational content. in addition to showcasing completed projects, the site features blogs, tips, and tutorials that serve as both inspiration and learning for students and professionals. the process included research, information architecture, wireframe creation, and the development of a navigable prototype. the visual identity combines neutral and vibrant colors with elegant, legible typography, conveying authority, creativity, and clarity in navigation.
o site creative design foi desenvolvido como projeto acadêmico individual de ux/ui, no adobe xd. a proposta era criar uma plataforma completa para designers, reunindo fundamentos de design, referências, portfólio e conteúdos educativos. além de apresentar projetos realizados, o site inclui blogs, dicas e tutoriais que funcionam como inspiração e aprendizado para estudantes e profissionais da área. o processo envolveu pesquisa, definição da arquitetura da informação, construção de wireframes e finalização de um protótipo navegável. a identidade visual combina cores neutras e vibrantes com tipografias elegantes e legíveis, transmitindo autoridade, criatividade e clareza na navegação.
project briefing and overview
briefing e visão geral do projeto acadêmico
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
brand and identity
marca e identidade visual
concept
creative design is a website made for designers, bringing together fundamentals, inspiration, and portfolio in one place. in addition to showcasing projects, it offers educational content such as blogs, tips, and tutorials, encouraging continuous learning. its visual identity was created to convey authority and creativity, combining contrasting colors and readable typography. the core goal is to be a useful and inspiring platform for students, freelancers, and professionals in the field.
o creative design é um site voltado para designers, feito para reunir fundamentos, inspirações e portfólio em um só lugar. além de exibir projetos, oferece conteúdos educativos como blogs, dicas e tutoriais, incentivando aprendizado contínuo. sua identidade visual foi criada para transmitir autoridade e criatividade, combinando cores contrastantes e tipografias legíveis. o objetivo central é ser uma plataforma útil e inspiradora para estudantes, freelancers e profissionais da área.
designing the user experience and interface
projetando a experiência do usuário e a interface
website architecture
the user experience and interface of creative design were planned to ensure clarity and intuitive navigation. the website architecture structured flows and sections—design fundamentals, portfolio, inspirations, and tutorials—creating a logical and accessible journey. the visual hierarchy organizes content consistently, merging aesthetics and functionality to provide users with a simple, engaging, and educational experience.
a experiência do usuário e a interface do creative design foram pensadas para garantir clareza e navegação intuitiva. a arquitetura do site estruturou fluxos e seções — fundamentos de design, portfólio, inspirações e tutoriais — criando um fluxo lógico e acessível. a hierarquia visual organiza os conteúdos de forma consistente, unindo estética e funcionalidade para oferecer ao usuário uma experiência simples, envolvente e educativa.
app wireframes
the wireframes translated the architecture into low-fidelity screens, allowing the validation of information hierarchy and navigation paths. they made it possible to adjust usability and ensure the site fulfilled its purpose before the final design.
os wireframes traduziram a arquitetura em telas de baixa fidelidade, permitindo validar a hierarquia da informação e os caminhos de navegação. com eles, foi possível ajustar usabilidade e garantir que o site cumprisse seu propósito antes do design final.
explore the mobile app
navegue pelo aplicativo
ux/ui
branding
editorial
creative design
the creative design website is dedicated to design and made for designers, developed as an individual academic ux/ui project in adobe xd. awarded as a highlight at the espm student exhibition 2024.
o site creative design é especialmente sobre design e para designers, desenvolvido como projeto acadêmico individual de ux/ui no adobe xd. premiado como destaque na mostra estudantil espm 2024.
academic project
discipline in design course
interaction design (ux/ui)
year
2023
softwares
adobe xd
adobe illustrator
adobe indesign
adobe photoshop
credits
fernanda kuntz
introduction
the creative design website was developed as an individual academic ux/ui project in adobe xd. the proposal was to create a comprehensive platform for designers, bringing together design fundamentals, references, portfolio, and educational content. in addition to showcasing completed projects, the site features blogs, tips, and tutorials that serve as both inspiration and learning for students and professionals. the process included research, information architecture, wireframe creation, and the development of a navigable prototype. the visual identity combines neutral and vibrant colors with elegant, legible typography, conveying authority, creativity, and clarity in navigation.
o site creative design foi desenvolvido como projeto acadêmico individual de ux/ui, no adobe xd. a proposta era criar uma plataforma completa para designers, reunindo fundamentos de design, referências, portfólio e conteúdos educativos. além de apresentar projetos realizados, o site inclui blogs, dicas e tutoriais que funcionam como inspiração e aprendizado para estudantes e profissionais da área. o processo envolveu pesquisa, definição da arquitetura da informação, construção de wireframes e finalização de um protótipo navegável. a identidade visual combina cores neutras e vibrantes com tipografias elegantes e legíveis, transmitindo autoridade, criatividade e clareza na navegação.
project briefing and overview
briefing e visão geral do projeto acadêmico
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
brand and identity
marca e identidade visual
concept
creative design is a website made for designers, bringing together fundamentals, inspiration, and portfolio in one place. in addition to showcasing projects, it offers educational content such as blogs, tips, and tutorials, encouraging continuous learning. its visual identity was created to convey authority and creativity, combining contrasting colors and readable typography. the core goal is to be a useful and inspiring platform for students, freelancers, and professionals in the field.
o creative design é um site voltado para designers, feito para reunir fundamentos, inspirações e portfólio em um só lugar. além de exibir projetos, oferece conteúdos educativos como blogs, dicas e tutoriais, incentivando aprendizado contínuo. sua identidade visual foi criada para transmitir autoridade e criatividade, combinando cores contrastantes e tipografias legíveis. o objetivo central é ser uma plataforma útil e inspiradora para estudantes, freelancers e profissionais da área.
designing the user experience and interface
projetando a experiência do usuário e a interface
website architecture
the user experience and interface of creative design were planned to ensure clarity and intuitive navigation. the website architecture structured flows and sections—design fundamentals, portfolio, inspirations, and tutorials—creating a logical and accessible journey. the visual hierarchy organizes content consistently, merging aesthetics and functionality to provide users with a simple, engaging, and educational experience.
a experiência do usuário e a interface do creative design foram pensadas para garantir clareza e navegação intuitiva. a arquitetura do site estruturou fluxos e seções — fundamentos de design, portfólio, inspirações e tutoriais — criando um fluxo lógico e acessível. a hierarquia visual organiza os conteúdos de forma consistente, unindo estética e funcionalidade para oferecer ao usuário uma experiência simples, envolvente e educativa.
app wireframes
the wireframes translated the architecture into low-fidelity screens, allowing the validation of information hierarchy and navigation paths. they made it possible to adjust usability and ensure the site fulfilled its purpose before the final design.
os wireframes traduziram a arquitetura em telas de baixa fidelidade, permitindo validar a hierarquia da informação e os caminhos de navegação. com eles, foi possível ajustar usabilidade e garantir que o site cumprisse seu propósito antes do design final.
explore the mobile app
navegue pelo aplicativo
ux/ui
branding
editorial
creative design
the creative design website is dedicated to design and made for designers, developed as an individual academic ux/ui project in adobe xd. awarded as a highlight at the espm student exhibition 2024.
o site creative design é especialmente sobre design e para designers, desenvolvido como projeto acadêmico individual de ux/ui no adobe xd. premiado como destaque na mostra estudantil espm 2024.
academic project
discipline in design course
interaction design (ux/ui)
year
2023
softwares
adobe xd
adobe illustrator
adobe indesign
adobe photoshop
credits
fernanda kuntz
introduction
the creative design website was developed as an individual academic ux/ui project in adobe xd. the proposal was to create a comprehensive platform for designers, bringing together design fundamentals, references, portfolio, and educational content. in addition to showcasing completed projects, the site features blogs, tips, and tutorials that serve as both inspiration and learning for students and professionals. the process included research, information architecture, wireframe creation, and the development of a navigable prototype. the visual identity combines neutral and vibrant colors with elegant, legible typography, conveying authority, creativity, and clarity in navigation.
o site creative design foi desenvolvido como projeto acadêmico individual de ux/ui, no adobe xd. a proposta era criar uma plataforma completa para designers, reunindo fundamentos de design, referências, portfólio e conteúdos educativos. além de apresentar projetos realizados, o site inclui blogs, dicas e tutoriais que funcionam como inspiração e aprendizado para estudantes e profissionais da área. o processo envolveu pesquisa, definição da arquitetura da informação, construção de wireframes e finalização de um protótipo navegável. a identidade visual combina cores neutras e vibrantes com tipografias elegantes e legíveis, transmitindo autoridade, criatividade e clareza na navegação.
project briefing and overview
briefing e visão geral do projeto acadêmico
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
01.
context
the project started from the need to create an interactive website that combined design fundamentals, references, and portfolio in one platform.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
02.
academic briefing
the academic challenge was to individually develop a responsive site in adobe xd, combining visual identity, ux/ui, and interactive prototyping.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
03.
research & insights
esearch explored design principles, digital tools, and creative trends. these studies guided the definition of the site’s palette, typography, and visual hierarchy.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
04.
design & development
the project delivered visual design, information architecture, wireframes, and a navigable prototype, structuring the complete digital experience.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
05.
project objectives
to create a website that combined educational content, creative inspiration, and portfolio in an accessible and visually consistent digital environment.
brand and identity
marca e identidade visual
concept
creative design is a website made for designers, bringing together fundamentals, inspiration, and portfolio in one place. in addition to showcasing projects, it offers educational content such as blogs, tips, and tutorials, encouraging continuous learning. its visual identity was created to convey authority and creativity, combining contrasting colors and readable typography. the core goal is to be a useful and inspiring platform for students, freelancers, and professionals in the field.
o creative design é um site voltado para designers, feito para reunir fundamentos, inspirações e portfólio em um só lugar. além de exibir projetos, oferece conteúdos educativos como blogs, dicas e tutoriais, incentivando aprendizado contínuo. sua identidade visual foi criada para transmitir autoridade e criatividade, combinando cores contrastantes e tipografias legíveis. o objetivo central é ser uma plataforma útil e inspiradora para estudantes, freelancers e profissionais da área.
designing the user experience and interface
projetando a experiência do usuário e a interface
website architecture
the user experience and interface of creative design were planned to ensure clarity and intuitive navigation. the website architecture structured flows and sections—design fundamentals, portfolio, inspirations, and tutorials—creating a logical and accessible journey. the visual hierarchy organizes content consistently, merging aesthetics and functionality to provide users with a simple, engaging, and educational experience.
a experiência do usuário e a interface do creative design foram pensadas para garantir clareza e navegação intuitiva. a arquitetura do site estruturou fluxos e seções — fundamentos de design, portfólio, inspirações e tutoriais — criando um fluxo lógico e acessível. a hierarquia visual organiza os conteúdos de forma consistente, unindo estética e funcionalidade para oferecer ao usuário uma experiência simples, envolvente e educativa.
app wireframes
the wireframes translated the architecture into low-fidelity screens, allowing the validation of information hierarchy and navigation paths. they made it possible to adjust usability and ensure the site fulfilled its purpose before the final design.
os wireframes traduziram a arquitetura em telas de baixa fidelidade, permitindo validar a hierarquia da informação e os caminhos de navegação. com eles, foi possível ajustar usabilidade e garantir que o site cumprisse seu propósito antes do design final.
explore the mobile app
navegue pelo aplicativo