Website
Website
Website
Framer
Framer
Framer
IT Industry
IT Industry
IT Industry
GLSoft - Corporate Marketing Website
GLSoft - Corporate Marketing Website
GLSoft - Corporate Marketing Website
GLSoft is a software technology company specializing in SAP eCommerce platform development, AI, and ML solutions. Their client includes major eCommerce brands like Watsons. However, However, the outdated website led to a poor user experience and weakened brand perception. The goal of this redesign was to modernize the website, creating a professional and user-centric corporate presence that effectively showcases GLSoft’s expertise while ensuring users can easily understand and connect with the brand’s value.
GLSoft is a software technology company specializing in SAP eCommerce platform development, AI, and ML solutions. Their client includes major eCommerce brands like Watsons. However, However, the outdated website led to a poor user experience and weakened brand perception. The goal of this redesign was to modernize the website, creating a professional and user-centric corporate presence that effectively showcases GLSoft’s expertise while ensuring users can easily understand and connect with the brand’s value.
Challenge
Unlike typical B2C websites, GLSoft’s site contains minimal content but emphasizes tone, branding, and a modern professional aesthetic. To ensure the redesign aligned with the company’s identity, I conducted informal interviews with the business team to understand the brand’s voice and key customer demographics.
Unlike typical B2C websites, GLSoft’s site contains minimal content but emphasizes tone, branding, and a modern professional aesthetic. To ensure the redesign aligned with the company’s identity, I conducted informal interviews with the business team to understand the brand’s voice and key customer demographics.
Info
My Role：Solo Designer – Responsible for end-to-end design and development of the website using Framer.
Duration：2 months (June 2024 – July 2024)
Tools：Figma, Framer
My Role：Solo Designer – Responsible for end-to-end design and development of the website using Framer.
Duration：2 months (June 2024 – July 2024)
Tools：Figma, Framer
User Profile & Goals
Target Users
Target Users
Age: 35-50 years old
Role: Technology managers in retail companies
Traits: Cautious, detail-oriented, and systematic
Responsibilities: Ensuring the company's engineering infrastructure and applications run efficiently
Age: 35-50 years old
Role: Technology managers in retail companies
Traits: Cautious, detail-oriented, and systematic
Responsibilities: Ensuring the company's engineering infrastructure and applications run efficiently
User Goals
User Goals
When visiting the company website, users seek information about GLSoft’s background, expertise, services, and client case studies to evaluate potential collaboration opportunities and value.
When visiting the company website, users seek information about GLSoft’s background, expertise, services, and client case studies to evaluate potential collaboration opportunities and value.
Transforming User Goals into Website Content
Based on user objectives, I distilled the website’s core focus into three key areas and translated them into concrete design and content strategies. This approach ensures the site meets business needs while delivering an optimal user experience.
Based on user objectives, I distilled the website’s core focus into three key areas and translated them into concrete design and content strategies. This approach ensures the site meets business needs while delivering an optimal user experience.
Key Focus Areas
Professionalism & Credibility
Professionalism & Credibility
Since the target users are enterprise managers and engineering leads, the website must reflect GLSoft’s expertise and reliability.
Since the target users are enterprise managers and engineering leads, the website must reflect GLSoft’s expertise and reliability.
Showcasing Technical Solutions
Showcasing Technical Solutions
Users are primarily interested in technical solutions. The website should clearly present the company’s engineering services and technical insights.
Users are primarily interested in technical solutions. The website should clearly present the company’s engineering services and technical insights.
Ease of Navigation & Quick Access to Information
Ease of Navigation & Quick Access to Information
Senior executives have limited time and expect a streamlined browsing experience, allowing them to quickly find the information they need.
Senior executives have limited time and expect a streamlined browsing experience, allowing them to quickly find the information they need.
Content Implementation
Clean layout, real-world imagery, and a stable color scheme. Client case studies and success stories enhance credibility.
Clean layout, real-world imagery, and a stable color scheme. Client case studies and success stories enhance credibility.
Services like backend/frontend development and system maintenance are communicated through clear service descriptions, technical articles, and case studies.
Services like backend/frontend development and system maintenance are communicated through clear service descriptions, technical articles, and case studies.
A well-structured navigation system and fast-loading pages ensure users can efficiently access the necessary information.
A well-structured navigation system and fast-loading pages ensure users can efficiently access the necessary information.
Mockups
To reinforce the company's professional image and brand value, the visual design focuses on clarity and well-structured information hierarchy. Subtle interactive elements enhance user engagement, while concise and clear copy ensures users can quickly find the information they need, improving the overall website experience.
To reinforce the company's professional image and brand value, the visual design focuses on clarity and well-structured information hierarchy. Subtle interactive elements enhance user engagement, while concise and clear copy ensures users can quickly find the information they need, improving the overall website experience.
Homepage
Our Team
Join Us
Reflections
Replace mood board images with concrete website examples
Replace mood board images with concrete website examples
I realized that when communicating "style and design direction," using actual website examples is far more effective than relying solely on mood board images. This approach makes it easier for teams to visualize the final design accurately.
I realized that when communicating "style and design direction," using actual website examples is far more effective than relying solely on mood board images. This approach makes it easier for teams to visualize the final design accurately.
Consider tool limitations and flexible strategies
Consider tool limitations and flexible strategies
Framer is great for prototyping but lacks Figma’s design precision. Moving forward, it's crucial to determine the development platform early in the project and understand how no-code tools integrate with primary design tools. This ensures a smoother workflow.
Framer is great for prototyping but lacks Figma’s design precision. Moving forward, it's crucial to determine the development platform early in the project and understand how no-code tools integrate with primary design tools. This ensures a smoother workflow.
Define the purpose of motion effects and balance them with usability
Define the purpose of motion effects and balance them with usability
Animations enhance branding but can distract users. In this project, I experimented with various effects and ultimately only kept those that enhanced the brand's professional image. In future projects, defining the purpose of each motion effect early helps maintain usability.
Animations enhance branding but can distract users. In this project, I experimented with various effects and ultimately only kept those that enhanced the brand's professional image. In future projects, defining the purpose of each motion effect early helps maintain usability.
Continue Viewing …
Continue Viewing …
