Microsoft Edge

Code and Theory

2022, New York

Our primary focus was launching a new About page to introduce and showcase Edge’s differentiation to browser seekers while modernizing the experience with new branding, as well showcase the other products and features that Microsoft Edge provide to their users.
My main role was to organize Figma files, design systems and prepare files according to the client specs and export them.

The rebranding initiative aimed to achieve the following objectives:

  • Introduce and showcase Edge's unique features and differentiators.
  • Modernize the browsing experience by revamping the branding.
  • Enhance user engagement and retention by highlighting other Microsoft Edge products and features.
  • Optimize design workflows and deliver files that align with the client's requirements.

Design and Iteration

  • I leveraged Figma, a collaborative design tool, to organize files and streamline the design process.
  • The team developed a comprehensive design system to ensure consistency across all visual elements.
  • We iterated on the design based on stakeholder feedback, usability tests, and internal reviews.

Implementation and Testing

  • I prepared design files according to the client's specifications, ensuring proper export formats and assets.
  • Collaborated with the development team to ensure seamless integration of the new About page.
  • We conducted thorough testing to ensure compatibility, responsiveness, and accessibility.
Edge1
About-Edge-Hero-1083×609-1
Hero-Feature-Block-1083×609-1
EdgeConsBoard

Microsoft Edge for Business

Microsoft Edge for Business is a version of the Microsoft Edge web browser specifically designed for enterprise and business use.

I collaborated closely with the visual design team to deliver assets for Microsoft Edge for Business, ensuring they met the specified requirements. By optimizing the Figma library, we streamlined the design process and maintained consistency. The assets were prepared and exported meticulously, aligning with the unique visual identity of Microsoft Edge for Business. This collaborative effort emphasized attention to detail and efficient workflows, resulting in a polished user experience.

EdgeComm-Cover
Artboard-1-copy
Artboard-1
Performance-2
Security
ShoppingA-1
Shopping-A

Client: Microsoft
Agency: Code and Theory
Creative directors: Rima Massasti.

Production Designers : Laura Betancur, Darlene Nashed, Camila Gómez.
Copywriting: Microsoft Team


All image and copywriting rights were provided and are protected by Microsoft.

 • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email • Let's keep in touch »• Behance ›· LinkedIn ›· Email