Menu
Menu
Working Student: Web Design
Qbilon
Qbilon
An automation platform for hybrid IT landscapes
Overview
For three months, I worked as a Web Design Working Student at a small startup company. My responsibilities included maintaining their WordPress website using Divi as a page builder and creating a new product page for their revised product plans. During this time, I delivered a product page with multiple design suggestions focusing on accessibility. I collaborated directly with the founders and marketing team to increase sales and generate more revenue by carefully optimizing their website.
For three months, I worked as a Web Design Working Student at a small startup company. My responsibilities included maintaining their WordPress website using Divi as a page builder and creating a new product page for their revised product plans. During this time, I delivered a product page with multiple design suggestions focusing on accessibility. I collaborated directly with the founders and marketing team to increase sales and generate more revenue by carefully optimizing their website.
For three months, I worked as a Web Design Working Student at a small startup company. My responsibilities included maintaining their WordPress website using Divi as a page builder and creating a new product page for their revised product plans. During this time, I delivered a product page with multiple design suggestions focusing on accessibility. I collaborated directly with the founders and marketing team to increase sales and generate more revenue by carefully optimizing their website.
Role
Adapted designs and overlays to align with Qbilon's corporate identity, enhancing brand consistency and visual appeal across the site.
Created web page drafts using WordPress/Divi, leading to a 5-10% increase in website visits by optimizing layout and functionality.
Researched and selected topic-specific graphics and photos, improving audience engagement and content relevance.
Developed design suggestions for new product pages in WordPress, contributing to a growth in web traffic through the use of accessibility and visual hierarchy.
Modified background and layout structures, improving user experience and website performance.
Documented and organized sources in Miro, Figma, and SharePoint, streamlining collaboration and ensuring easy access to assets.
Adapted designs and overlays to align with Qbilon's corporate identity, enhancing brand consistency and visual appeal across the site.
Created web page drafts using WordPress/Divi, leading to a 5-10% increase in website visits by optimizing layout and functionality.
Researched and selected topic-specific graphics and photos, improving audience engagement and content relevance.
Developed design suggestions for new product pages in WordPress, contributing to a growth in web traffic through the use of accessibility and visual hierarchy.
Modified background and layout structures, improving user experience and website performance.
Documented and organized sources in Miro, Figma, and SharePoint, streamlining collaboration and ensuring easy access to assets.
Adapted designs and overlays to align with Qbilon's corporate identity, enhancing brand consistency and visual appeal across the site.
Created web page drafts using WordPress/Divi, leading to a 5-10% increase in website visits by optimizing layout and functionality.
Researched and selected topic-specific graphics and photos, improving audience engagement and content relevance.
Developed design suggestions for new product pages in WordPress, contributing to a growth in web traffic through the use of accessibility and visual hierarchy.
Modified background and layout structures, improving user experience and website performance.
Documented and organized sources in Miro, Figma, and SharePoint, streamlining collaboration and ensuring easy access to assets.
Adapted designs and overlays to align with Qbilon's corporate identity, enhancing brand consistency and visual appeal across the site.
Created web page drafts using WordPress/Divi, leading to a 5-10% increase in website visits by optimizing layout and functionality.
Design Iterations
I made some rough design drafts for some existing pages to improve the overall UI. My goal was to keep the design consistent, clean, and functional throughout the website.
I made some rough design drafts for some existing pages to improve the overall UI. My goal was to keep the design consistent, clean, and functional throughout the website.
I made some rough design drafts for some existing pages to improve the overall UI. My goal was to keep the design consistent, clean, and functional throughout the website.
Iteration 1. Decluttered and Organized all the content to enhance Visibility
Iteration 1. Decluttered and Organized all the content to enhance Visibility
I redesigned this page and made 3 significant changes:
Decluttered the content in sections by displaying only relevant and recent updates.
Added a banner consistent with the product landing page layout to maintain visual coherence.
Added a call-to-action button for users to request a product demo.
I redesigned this page and made 3 significant changes:
Decluttered the content in sections by displaying only relevant and recent updates.
Added a banner consistent with the product landing page layout to maintain visual coherence.
Added a call-to-action button for users to request a product demo.
I redesigned this page and made 3 significant changes:
Decluttered the content in sections by displaying only relevant and recent updates.
Added a banner consistent with the product landing page layout to maintain visual coherence.
Added a call-to-action button for users to request a product demo.
Iteration 2. Converted the paragraph text into visual blocks to improve better Readability.
I redesigned the entire page and made many significant changes:
Added a banner consistent with the product landing page layout to maintain visual coherence.
Improved Accessibility by improving the color contrast according to the WCAG standards.
Transformed the paragraph blocks to small points with visual icons and broke some content so that it can be easier to scan by users, improving readability in general.
I redesigned the entire page and made many significant changes:
Added a banner consistent with the product landing page layout to maintain visual coherence.
Improved Accessibility by improving the color contrast according to the WCAG standards.
Transformed the paragraph blocks to small points with visual icons and broke some content so that it can be easier to scan by users, improving readability in general.
I redesigned the entire page and made many significant changes:
Added a banner consistent with the product landing page layout to maintain visual coherence.
Improved Accessibility by improving the color contrast according to the WCAG standards.
Transformed the paragraph blocks to small points with visual icons and broke some content so that it can be easier to scan by users, improving readability in general.
Tools which I used
What I Learned
Throughout my time working at Qbilon, I've learned that prioritizing web functionality over aesthetics is crucial. While visual appeal is important, ensuring that the website aligns with business goals and caters to the needs of target users is even more essential. By focusing on these core aspects, we were able to create design solutions that provide real value, enhance usability, and drive the overall success of the product.
Throughout my time working at Qbilon, I've learned that prioritizing web functionality over aesthetics is crucial. While visual appeal is important, ensuring that the website aligns with business goals and caters to the needs of target users is even more essential. By focusing on these core aspects, we were able to create design solutions that provide real value, enhance usability, and drive the overall success of the product.
Throughout my time working at Qbilon, I've learned that prioritizing web functionality over aesthetics is crucial. While visual appeal is important, ensuring that the website aligns with business goals and caters to the needs of target users is even more essential. By focusing on these core aspects, we were able to create design solutions that provide real value, enhance usability, and drive the overall success of the product.