The site is currently under development and you can find it at: www.buckytechnologies.com
About this project
Bucky is a tech company working on different projects. The main theme was yellow/gold to represent money, creativity and passion. The logo was inspired by Buckminster Fuller's works and they wanted this to be represented on the website as well. The design should be simple, elegant, and minimal. 
I have tried to maintain user-centric designs while adhering to prescribed interface principles and related development goals. I have communicated with the stakeholders to translate project requirements and business objectives into polished user interfaces.
Wireframes
We have worked on this using Figma for creating low-fidelity wireframes. I resolved UX obstacles through testing and iteration, prioritizing the development methods. I have conducted live user testing of components and functionality to evaluate the effectiveness of designs and enhancements. 
After revisions and a session with stakeholders, it was decided to have minor changes to the mockup to have the best practice and present all the necessary information.
For the first version of the home page we had an overview of all the sections on the site but after testing it was obvious that it was best to have a simple and not a crowded design and based on the second version of the home page all other pages were built.
Home Page- first version
Home Page- first version
Home Page- Final version
Home Page- Final version
About Bucky
About Bucky
Investor Page
Investor Page
Contact Page
Contact Page
ICONOGRAPHY
Our Vision
Our Vision
About Us
About Us
Partner
Partner
Cost Efficient
Cost Efficient
Investment
Investment
Mockups
Figma was used to create high-fidelity mockups. Initially, the desktop version was created, then drafts were revised, and then mockups were created for the mobile view. 
The final step was creating prototypes for the final version and having all the assets ready for the development team to begin. In an effort to ensure best practices, I tested and debugged the design logic.

Desktop Version Prototype View

Home page mockup
Desktop Version - Home Page - Landing Page
Desktop Version - Home Page - Landing Page
Desktop Version - Home Page (cont.)
Desktop Version - Home Page (cont.)
Desktop Version - Home Page (Projects)
Desktop Version - Home Page (Projects)
Desktop Version - Home Page (Projects cont.)
Desktop Version - Home Page (Projects cont.)
Desktop Version - Home Page (News)
Desktop Version - Home Page (News)
About page Mockup
About Us Page
About Us Page
About Us Page - Selected
About Us Page - Selected
Investor Page mockup
Desktop Version - Investor Page
Desktop Version - Investor Page
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Desktop Version - Investor Page (cont.)
Mobile Version
Mobile View - Home Page
Mobile View - Home Page
Mobile View - Home Page (cont.)
Mobile View - Home Page (cont.)
Mobile View - Home Page (cont.)
Mobile View - Home Page (cont.)
Mobile View - Home Page (cont.)
Mobile View - Home Page (cont.)
Mobile View - Menu
Mobile View - Menu
Mobile View - About Us Page
Mobile View - About Us Page
Mobile View - About Us Page (Selected)
Mobile View - About Us Page (Selected)
Mobile View - Investor Page
Mobile View - Investor Page
Mobile View - Investor Page (cont.)
Mobile View - Investor Page (cont.)
Mobile View - Investor Page (cont.)
Mobile View - Investor Page (cont.)
Mobile View - Investor Page (cont.)
Mobile View - Investor Page (cont.)
Mobile View - Contact Page
Mobile View - Contact Page
Back to Top