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](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/fb800cd9-fb69-43ea-8d4f-113fdd292f63_rw_1920.jpg?h=6652131f24830d2ba9b7c359b709e8ac)
Home Page- first version
![Home Page- Final version](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/13b6f65e-1b69-4ad8-ac4f-30400ba8ac05_rw_1920.jpg?h=8b7c2b41126095d4e7f0709e467b543d)
Home Page- Final version
![About Bucky](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/edaf3cf2-184b-4a85-bcc4-7f572ff21426_rw_1920.jpg?h=e600c7d14f9152b4ad082f2c2894b40a)
About Bucky
![Investor Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/df1fb04f-8ad7-4f98-a918-0baf625366f7_rw_1920.jpg?h=6464f10f919d30a0e4b10037e063c47f)
Investor Page
![Contact Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/c6f12da1-76a3-4ccc-b45f-4dcd56046330_rw_1920.jpg?h=4d6daf306f9f92e682d89809b323d39a)
Contact Page
ICONOGRAPHY
![Our Vision](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/f7ebefe1-57dd-471a-8b59-82e37d40fa0b_rw_600.jpg?h=0a2b0f38d2dfbeff78a266c1389d5cff)
Our Vision
![About Us](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/651114a8-c541-476f-8a8a-a9ff5560819d_rw_600.jpg?h=79a160c7708b65f9de26ee6f1ec6c275)
About Us
![Partner](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/d7720dc1-441f-44c9-8a13-e8f1765e9423_rw_600.jpg?h=c1891420d555e4399d295f624463b037)
Partner
![Cost Efficient](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/8625ec37-38a9-4a47-bc64-63dc7853a268_rw_600.jpg?h=71c71b417dfa775fbc5b5a38e8d22451)
Cost Efficient
![Investment](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/7e604e93-0ca5-4757-8fb5-70610d0c6e56_rw_600.jpg?h=14c29f73dc7d97d7ac6b64b906a13677)
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](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/7c436148-290e-4e22-b2a7-3831b6b2c5b0_rw_1920.png?h=2efc9ee7733374d23e59b8f108469aff)
Desktop Version - Home Page - Landing Page
![Desktop Version - Home Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/8006784d-d89b-4ff5-abde-41885fd2d4de_rw_1920.png?h=978a241418f038acb3ebbcacdbd92c7a)
Desktop Version - Home Page (cont.)
![Desktop Version - Home Page (Projects)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/673266db-9769-4f85-9266-2e3dc5e0a42d_rw_1920.png?h=5fae9d0d60884b59baaa753e83bc313d)
Desktop Version - Home Page (Projects)
![Desktop Version - Home Page (Projects cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/fce3f31d-1990-4702-8556-c030b633ea14_rw_1920.png?h=0d495ddad3984be9d57722729d04eed2)
Desktop Version - Home Page (Projects cont.)
![Desktop Version - Home Page (News)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/ed0d375d-1a97-4311-a113-99f6121361e4_rw_1920.png?h=8c1ebd47e7da85bab08c31f94d2a757f)
Desktop Version - Home Page (News)
About page Mockup
![About Us Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/e109b4a7-4517-429c-a097-5de29185faad_rw_1920.png?h=109442813ef19ec23f0c5949440929eb)
About Us Page
![About Us Page - Selected](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/e268232f-2ae5-4b85-b01c-5954733a4e0e_rw_1920.png?h=80c58c1fbd4da783085557d74606d509)
About Us Page - Selected
Investor Page mockup
![Desktop Version - Investor Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/0be58207-2344-4159-b0f1-c02ed33c3a9a_rw_1920.png?h=241a63fd0350c8c96bdbc0bec4bc2b54)
Desktop Version - Investor Page
![Desktop Version - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/d10c7895-fc10-4fb1-a83f-fba8c68d84a2_rw_1920.png?h=c6843ad505cfe0d8eb4f6f779a06da08)
Desktop Version - Investor Page (cont.)
![Desktop Version - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/60726a85-be28-4d4a-a441-0bfd5ad1e6ac_rw_1920.png?h=9cde4d9036c6bbbfa15140bf8096064b)
Desktop Version - Investor Page (cont.)
![Desktop Version - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/5cb12fac-8064-4aca-b1ce-54e443822d12_rw_1920.png?h=9b5aa6ff70f13decbe3fb7d2def77e1d)
Desktop Version - Investor Page (cont.)
![Desktop Version - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/70447fb7-3e46-406a-a700-80a13e4c45a5_rw_1920.png?h=1fa181abf0024d89d962436204aa85a9)
Desktop Version - Investor Page (cont.)
Mobile Version
![Mobile View - Home Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/f9b3dace-b517-4e0f-878e-14db9c33a9f7_rw_1200.png?h=6d031c8887b2be87c7fc103c665c0305)
Mobile View - Home Page
![Mobile View - Home Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/207c406e-8f39-49a4-857c-f2b9163c6bcc_rw_1200.png?h=455e398ca9865743cb9855d56d2851b3)
Mobile View - Home Page (cont.)
![Mobile View - Home Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/76e1156d-db50-415f-a234-ffcbb5bce85e_rw_1200.png?h=a793025c92b9e1917f62068c8a225a1f)
Mobile View - Home Page (cont.)
![Mobile View - Home Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/9aff0205-87fe-4b79-b790-eeb016aa0822_rw_1200.png?h=564ae033f6d1b4eb37e11fb206408220)
Mobile View - Home Page (cont.)
![Mobile View - Menu](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/0b5ef88a-2424-4c92-abc7-34f7b4612a3d_rw_1200.png?h=293f0a886c45c3646ec6f87187e9a2d5)
Mobile View - Menu
![Mobile View - About Us Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/7655412f-9d2d-4f88-8cae-3b9127ae203d_rw_1200.png?h=5a08b656c92468dfc61265d08518ca06)
Mobile View - About Us Page
![Mobile View - About Us Page (Selected)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/77a15c7c-4104-41ff-a183-713e48c6414d_rw_1200.png?h=933db8725926135d7fad97664c935910)
Mobile View - About Us Page (Selected)
![Mobile View - Investor Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/23b658a0-0037-4e5a-aef6-f98fa6bb8444_rw_1200.png?h=1f236cd23bcce3116e7da44149783b1f)
Mobile View - Investor Page
![Mobile View - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/d06aa7fc-aa0c-452a-829b-e1c665df12ea_rw_1200.png?h=9cb077618ae4e87ee92b5178546c9519)
Mobile View - Investor Page (cont.)
![Mobile View - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/5f28079a-a704-40f2-9536-2778f5b8a5c7_rw_1200.png?h=f4d36d9ea6211a1948e5f2b9a0733f7a)
Mobile View - Investor Page (cont.)
![Mobile View - Investor Page (cont.)](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/fe55f96e-7c87-4fa8-bfea-bfe258dedc49_rw_1200.png?h=b36a98a2ae74a51c54979d69e35168f5)
Mobile View - Investor Page (cont.)
![Mobile View - Contact Page](https://cdn.myportfolio.com/1492df85-1861-4d8b-aba9-e0dc17b01fa3/f8590b05-ff50-4b5b-ae2d-5b64b06d41e6_rw_1200.png?h=8d6499cff35a0cc343b5097fe31b5bff)