DURATION
3 weeks, June – July 2019 
MY ROLE
UI/UX Designer, Graphic Designer
Editekk
Editekk is a technology startup within EnterpriseWorks I designed the digital interface to highlight the different types of services and products using their patented technology. 
Web and mobile mockups were created in collaboration with a team of web developers and project managers.
Initial Research
What helped me the most in creating the wireframes for this project was creating a trend analysis for websites that, while not necessarily in the same field as Editekk, belonged in a similar sphere of science and innovation. 
By analyzing certain design trends, this process greatly assisted in how I wanted to structure the wireframes for visitors who either were familiar with the topics discussed or wanted to learn more. 
Simons Foundation Trend Analysis
Simons Foundation Trend Analysis
Supercluster Trend Analysis
Supercluster Trend Analysis
National Geographic Trend Analysis
National Geographic Trend Analysis
Low-Fidelity Homepage Wireframes

The workflow for website projects at EnterpriseWorks is to first design 3 homepage variations for the client to choose from. From there, the rest of the website will follow the same style as the homepage.
To begin, I used Axure to create low-fidelity homepage wireframes to get a sense of where I wanted the information and components to go.
Low-fidelity wireframe
Low-fidelity wireframe
Low-fidelity wireframe
Low-fidelity wireframe
Homepage High-Fidelity Wireframe​​​​​​​
After creating the low-fidelity wireframes, I moved on to polish them into high-fidelity wireframes that incorporated the client's logo and brand colors, as well as the headline and body copy for the website content.
The design mocks were then shown to the client to communicate visually how the website could potentially look, and for the client to choose which design to move forward with.
Homepage Option 1
Homepage Option 1
Homepage Option 2
Homepage Option 2
Homepage Option 3
Homepage Option 3
High-Fidelity Design
Once the client chose the design they felt fit their vision the most, I moved on to create the rest of the website pages. I communicated with the client on what type of content and structure they wanted to include, and from there we went through 3 rounds of editing to come to the final website look.
Homepage
Homepage
Technology Page
Technology Page
Team Page
Team Page

Editekk website high-fidelity designs, July 2019

Video walkthrough of website prototype

High-Fidelity Wireframes
Technology page
Technology page
Media page
Media page


Contact page

Mood Board
Next Steps
After creating the website prototype, the project was handed over to a web developer. From there, I would answer any questions they had regarding where the components should go on the live website.

You may also like

Back to Top