top of page
LD_mockup-desktop_02.png

LyonsDesigns Mock Website

UI / UX   -   LoFi Wireframes   -   Prototypes   -   Copywriting

Summary:

In an effort to explore some of the more nuanced features of Figma, I challenged myself to create a mock website. The result was LyonsDesigns, a fictional Marketing Agency aimed towards helping businesses grow their digital presence. Though not completely finished, I am proud of the outcome and ultimately the skills I learned from this project. 

Goals:

  • Perfect some key features of Figma, such as Auto-Layout, Components, Smart Animate, etc.

  • Create a lofi wireframe with a well-calculated layout that would act as a skeleton for the actual site. 

  • Include prototype features to demonstrate a more complete vision of the website.

Mobile LoFi Wireframes:
LD_wireframe-mobile_01.png
LD_wireframe-mobile_02.png
LD_wireframe-mobile_03.png
Mobile Prototype:
LD_mockup-mobile_01.png
LD_mockup-mobile_02.png
LD_mockup-mobile_03.png
Desktop LoFi Wireframes:
LD_wireframe-desktop_01.png
LD_wireframe-desktop_02.png
Desktop Prototype:
LD_mockup-desktop_01.png
LD_mockup-desktop_02.png
bottom of page